checkbox全选/取消全选以及checkbox遍历jQuery实现代码_Javascript教程-查字典教程网
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:1234全选/取消全选$("#chk_all").click(function(){$("input[name='chk_...

复制代码 代码如下:

<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>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类