JavaScript反选-全选-全不选代码

最新推荐文章于 2022-04-13 20:46:09 发布

焚膏油以继晷，恒兀兀以穷年

最新推荐文章于 2022-04-13 20:46:09 发布

阅读量389

点赞数

分类专栏： JavaScript/HTML5/CSS3

JavaScript/HTML5/CSS3 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

<body>

//打出选项

<input type="checkbox"/>香蕉

//全选
$(function(){
$("#btnall").click(function(){
$("input[type='checkbox']").each(function(i){
this.checked=true;
});
//对于复选框来说，使用attr来设置属性，会有问题，所以换用了prop；
$("input[type='checkbox']").prop("checked", true);
});
//全不选

$("#btnno").click(function(){
$("input[type='checkbox']").prop("checked", false);
});

// 反选
$("#btnreverse").click(function(){
$("input[type='checkbox']").each(function(i){
this.checked=!this.checked;
});
});

});
</script>
</body>
</html>

、