手机
当前位置:查字典教程网 >编程开发 >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实现图片轮播效果(二)图片序列节点的控制实现

jquery实现的判断倒计时是否结束代码

基于jquery实现下拉框美化特效

JavaScript中的条件判断语句使用详解

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

广告显示判断

js实现异步循环实现代码

jQuery插件bgStretcher.js实现全屏背景特效

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

精品推荐
分类导航