1. 爱易网页
  2. JavaSript
  3. 用Js写全选反选的效能

用Js写全选反选的效能

日期：2014-05-16　 浏览次数：20339 次

用Js写全选反选的功能
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//全选
function checkAll(name)
{
  var names=document.getElementsByName(name);
  var len=names.length;
  if(len>0)
  {
   var i=0;
   for(i=0;i<len;i++)
   names[i].checked=true;
   
  }
}

//全不选
function checkAllNo(name)
{
  var names=document.getElementsByName(name);
var len=names.length;
if(len>0)
  {
    var i=0;
    for(i=0;i<len;i++)
    names[i].checked=false;
  }
}

//反选
function reserveCheck(name)
{
  var names=document.getElementsByName(name);
var len=names.length;
if(len>0)
{
var i=0;
   for(i=0;i<len;i++)
   {
     if(names[i].checked)
     names[i].checked=false;
     else
     names[i].checked=true;
    
   }
}

}

</script>


</head>

<body>
周末的时候做什么呢？
    <br />
<input type="checkbox" name="ck" value="1" />跑步
    <br />
<input type="checkbox" name="ck" value="2" />看电影
    <br />
<input type="checkbox" name="ck" value="3" />读书
<br />
<input type="checkbox" name="ck" value="4" />美食
    <br />
<input type="checkbox" name="ck" value="5" />睡觉
<br />
<a  href="javaScript:checkAll('ck')">全选</a>&nbsp;
<a  href="javaScript:reserveCheck('ck')">反选</a>&nbsp;
<a  href="javaScript:checkAllNo('ck')">取消</a>&nbsp;
</body>

</html>

相关资料更多>

  1. javascript,依据秒钟倒计时分为分钟和秒
  2. json 前台中市文显示问号
  3. 能不能用javascript实现选中的效果？该怎么处理
  4. JS中prototype引见与使用
  5. ExtJS 下书写动态生成的xml（火狐浏览器也可以运作）
  6. 惯用的js
  7. 判断两个数组是否有相同的值,将不是相同的值保存上来
  8. 两个简单js冲突，求大侠指教解决思路
  9. nodejs学习笔记_nodejs跟PHP在基础架构上的区别-共享状态的并发