jquery checkbox全选反选实现代码

来源:互联网 时间:1970-01-01

checkbox控件在html页面中有自己独特的属性了,他是复选框的意思,这样我们就需要全选了,下面我来介绍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>




相关阅读:
Top