<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#delAll").click(function(){
var checked = this.checked;
$("input:checkbox[name='del']").each(function(){
this.checked = checked;
//$(this).addr("checked",checked);这样不行,不晓得为何?
});
});
$("input:checkbox[name='del']").click(function(){
var flag = $("input:checkbox[name='del']").length == $("input:checkbox[name='del']:checked").length;
$("#delAll").each(function(){
this.checked = flag;
});
});
});
</script>
</head>
<body>
<input type="checkbox" name="delAll" id="delAll" />全选<br>
<br/> <br/>
<input type="checkbox" name="del" value="1"/>
<input type="checkbox" name="del" value="2"/>
<input type="checkbox" name="del" value="3"/>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#delAll").click(function(){
var checked = this.checked;
$("input:checkbox[name='del']").each(function(){
this.checked = checked;
//$(this).addr("checked",checked);这样不行,不晓得为何?
});
});
$("input:checkbox[name='del']").click(function(){
var flag = $("input:checkbox[name='del']").length == $("input:checkbox[name='del']:checked").length;
$("#delAll").each(function(){
this.checked = flag;
});
});
});
</script>
</head>
<body>
<input type="checkbox" name="delAll" id="delAll" />全选<br>
<br/> <br/>
<input type="checkbox" name="del" value="1"/>
<input type="checkbox" name="del" value="2"/>
<input type="checkbox" name="del" value="3"/>
</body>
</html>