<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>jQuery实现checkbox全选全取消</title>
<script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function selectAll(obj){
$('#boxes input').attr('checked',$(obj).attr('checked'));
$('#total').text="一共:" + $('#boxes input').length;
}
</script>
</head>
<body>
<div><input id="Checkbox1" type="checkbox" οnclick="selectAll(this);" />全选</div>
<div id="boxes">
<input id="Checkbox2" type="checkbox" />001<br />
<input id="Checkbox3" type="checkbox" />001<br />
<input id="Checkbox4" type="checkbox" />001<br />
</div>
</body>
</html>
jQuery实现checkbox全选全取消
最新推荐文章于 2021-03-10 19:26:35 发布