<div>
<input type="checkbox" value="" id="checkAll"/>全选
<input type="checkbox" value="" />1
<input type="checkbox" value="" />2
<input type="checkbox" value="" />3
<input type="checkbox" value="" />4
<input type="checkbox" value="" />5
<input type="checkbox" value="" />6
</div>
<script>
//全选
$("#checkAll").click(function () {
var checkbox = $(this).siblings(":not(#checkAll)");
checkbox.attr("checked", $("#checkAll").get(0).checked);
})
</script>
第一步先找出所有checkbox,然后修改这些checkbox的checked属性,属性值和全选按钮的checked值相同则实现了全选。
JQuery:全选按钮的实现
最新推荐文章于 2023-03-29 10:49:48 发布