Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 checkbox全选/取消全选以及checkbox遍历jQuery实现代码

checkbox全选/取消全选以及checkbox遍历jQuery实现代码

发布时间:2013-09-05   编辑:www.jquerycn.cn
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
checkbox全选/取消全选以及checkbox遍历jquery实现代码
复制代码 代码如下:

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


下面的代码是获取上面实例中选中的checkbox的value值:
复制代码 代码如下:

<script type="text/javascript">
var arrChk=$("input[name='chk_list'][checked]");
$(arrChk).each(function(){
window.alert(this.value);
});
});
</script>

您可能感兴趣的文章:
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
jquery遍历checkbox简单示例
jQuery checkbox全选/取消全选实现代码
jquery checkbox全选、取消全选实现代码
JQuery checkbox全选的小例子
jQuery判断checkbox(复选框)是否选中、全选、反选
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
jquery遍历checkbox介绍
JQuery实现全选与反选的二种方法
jquery判断checkbox是否选中的代码参考

[关闭]