JQuery

1个成员

jquery checkbox实现全选与反选

发表于 2017-02-03 2796 次查看

jquery checkbox实现全选与反选,记得我以前发过可在线测试的全选与反选的js代码哦,现在发布的jquery的哦。

<html>
<head>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
</head>
<body>
<input type="checkbox" name="111cn" id="111cn_1" value="1" />1<br />
<input type="checkbox" name="111cn" id="111cn_2" value="2" />2<br />
<input type="checkbox" name="111cn" id="111cn_3" value="3" />3<br />
<input type="checkbox" name="111cn" id="111cn_4" value="4" />4<br />
<input type="checkbox" name="chk_all" id="chk_all" />全选/取消全选
<script type="text/javascript">
$("#chk_all").click(function(){
$("input[name='111cn']").attr("checked",$(this).attr("checked"));
});
</script>
</body>
</html>

发表回复
你还没有登录,请先登录注册