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