<body>
<input type="checkbox">打篮球<br>
<input type="checkbox">踢足球<br>
<input type="checkbox">打羽毛球<br>
<input type="checkbox">游泳<br>
<input type="checkbox">睡觉<br>
<button class="btn1">全选</button>
<button class="btn2">反选</button>
<button class="btn3">全不选</button>
<script src="js/jquery.min.js"></script>
<script>
$('.btn1').click(function(){
$('input').prop('checked',true);
});
$('.btn2').click(function(){
$('input').each(function(){
$(this).prop('checked',!$(this).prop('checked'));
});
});
$('.btn3').click(function(){
$('input').prop('checked',false);
});
</script>
jQuery 复选框全选反选全不选
最新推荐文章于 2022-03-23 22:03:57 发布