您的位置：首页 > Web前端 > JQuery

jquery checkbox全选与全不选

2015-12-07 16:30 721 查看 
<body>
<div>
<input type="checkbox" name="all" id="all_check"/>全选<br>
<input type="checkbox" class="unit_check">1<br>
<input type="checkbox" class="unit_check">2<br>
</div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){

//全选与全不选
$("#all_check").click(function(){
$(".unit_check").prop("checked",this.checked);
})

//当复选框改变，从全选变成不是全选时，全选的checkbox自动变为false。反之反之。
$(".unit_check").click(function(){
var flag = true;
$(".unit_check").each(function(){
if(!this.checked){
flag = false;
}
});
$("#all_check").prop("checked",flag);

});
});
</script>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航