当前位置:编程学习 > JS >>

jquery checkbox实现全选与反选

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

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

补充:网页制作,jquery 
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,