<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<script src="c:\jquery.js""></script>
</head>
<script>
// 全选/全不选
$(function(){
// alert(true&&false);
$("#checkboxAll").click(function(){
$("[name=items]:checkbox").attr("checked",this.checked)
});
// 反选
$("#checkRev").click(function(){
$("[name=items]:checkbox").each(function(){
this.checked=!this.checked;
});
});
// 绑定
$("[name=items]:checkbox").click(function(){
var flag=true;
$("[name=items]:checkbox").each(function(){
if(!this.checked){
flag=false;
return false;
}
});
$("#checkboxAll").attr("checked",flag);
});
})
</script>
<body>
你喜欢的水果是?
<input type="checkbox" id="checkboxAll">全选/全不选</input><br>
<input type="checkbox" name="items">苹果</input>
<input type="checkbox" name="items">香蕉</input>
<input type="checkbox" name="items">西瓜</input>
<input type="checkbox" name="items">葡萄</input><br>
<input type="button" id="checkRev" value="反选"></input><br>
</body>
</html>
jquery 实现 邮箱的 全选/全不选 全选与全不选功能
最新推荐文章于 2021-03-26 15:57:13 发布