当前位置:编程学习 > JS >>

jquery checkbox全选反选实现代码

在jquery中我们要判断checkbox是否选中我们可以直接使用 if($("#id").attr("checked")==true)
来操作。

那么如果我们要实现多个checkbox全选反选就可以利用each进行遍历了

jquery代码

 代码如下 复制代码

function selectall(){
     var arrChk=$("input[name='deleteid']");//checkbox名称  
     $(arrChk).each(function(){
    this.checked=!this.checked;
     });
}

// //$("[name='deleteid']").attr("checked",'true');//全选

实例

 代码如下 复制代码


<a href="javascript:;" id="all">全部选择</a><br>
 <a href="javascript:;" id="delAll">取消选择</a><br>
 <a href="javascript:;" id="antiAll">反向选择</a>     
 <p><input type="checkbox" name="checkbox1">A
 <input type="checkbox" name="checkbox1"> B

 <input type="checkbox" name="checkbox1">C</p>
 <p><input type="checkbox" name="checkbox1">D
 <input type="checkbox" name="checkbox1">E
 <input type="checkbox" name="checkbox1">F</p>

<script>

//全部选择
 $("#all").click(function(){ 
  $("input[name='checkbox1']").each(function(){
   $(this).attr("checked",true);
  }); 
 });

//取消选择
 $("#delAll").click(function(){ 
  $("input[name='checkbox1']").each(function(){
   $(this).attr("checked",false);
  }); 
 });

</script>

补充:网页制作,jquery 
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,