手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >checkbox全选/取消全选以及checkbox遍历jQuery实现代码
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
摘要:复制代码代码如下: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>

【checkbox全选/取消全选以及checkbox遍历jQuery实现代码】相关文章:

javascript动态创建链接的方法

浅谈javascript事件取消和阻止冒泡

打字效果

优化RequireJS项目的相关技巧总结

JavaScript实现鼠标滑过处生成气泡的方法

微信WeixinJSBridge API使用实例

详解JavaScript中void语句的使用

jquery使用each方法遍历json格式数据实例

广告显示判断

js实现一个链接打开两个链接地址的方法

精品推荐
分类导航