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> |