<span style="white-space:pre"> </span>$("#selectAll").click(function () {
$("#owners input:checkbox").each(function () {
$(this).prop('checked', true);//
});
});
$("#unSelect").click(function () {
$("#owners input:checkbox").removeAttr("checked");
});
$("#reverse").click(function () {
$("#owners input:checkbox").each(function () {
this.checked = !this.checked;
});
});
<input type="button" value="全选" class="btn" id="selectAll">
<input type="button" value="全不选" class="btn" id="unSelect">
<input type="button" value="反选" class="btn" id="reverse">
注:
.attr('checked): //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
.prop('checked'): //16+:true/false
本文介绍使用jQuery实现全选、全不选及反选功能的具体代码,通过操作页面上的复选框元素,实现对所有复选框的状态控制,包括设置为全选状态、清除所有选择状态以及反转当前选择状态。

503

被折叠的 条评论
为什么被折叠?



