码迷,mamicode.com
首页 > Web开发 > 详细

js 实现 复选框全选与全不选

时间:2014-10-27 12:37:09      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:style   io   ar   java   for   sp   on   cti   html   

<html>
<head>
<script>
function selectAll(){
 var checklist = document.getElementsByName ("selected");
   if(document.getElementById("controlAll").checked)
   {
   for(var i=0;i<checklist.length;i++)
   {
      checklist[i].checked = 1;
   } 
 }else{
  for(var j=0;j<checklist.length;j++)
  {
     checklist[j].checked = 0;
  }
 }
}
</script>
</head>
<body>
<form>
<input on

click="selectAll()" type="checkbox"   name="controlAll" style="controlAll" id="controlAll"/>全选<br>
1:<input type="checkbox" name="selected" value="1"/><br>
2:<input type="checkbox" name="selected" value="2"/><br>
3:<input type="checkbox" name="selected" value="3"/><br>
4:<input type="checkbox" name="selected" value="4"/><br>
5:<input type="checkbox" name="selected" value="5"/><br>
6:<input type="checkbox" name="selected" value="6"/><br>
</form>
<p>

<script type="text/javascript">

function select_all(id){
    var checklist=$("input[name=‘"+id+"a‘]");//全选对象
    var ck=document.getElementById(id);//单击全选中,再点全取消
    if(ck.checked){
            for(var i=0;i<checklist.length;i++){
              checklist[i].checked = 1;
            }
    }else{
            checklist.each(
            function(){
              checklist.attr("checked",false);
            }
        );
    }
}
</script>

 

js 实现 复选框全选与全不选

标签:style   io   ar   java   for   sp   on   cti   html   

原文地址:http://www.cnblogs.com/myok/p/4053816.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!