checkbox全选/取消全选以及checkbox遍历jQuery实现代码
作者:bea
代码如下: <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 /> <in
代码如下:
<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 汉字转拼音实现代码
- javascript KeyDown、KeyPress和KeyUp事件的区别与联系
- jQuery Selectors(选择器)的使用(四-五、内容篇&可见性篇)
- javascript json 新手入门文档
- js 屏蔽鼠标右键脚本附破解方法
- 33种Javascript 表格排序控件收集
- JavaScript split()使用方法与示例
- JavaScript 双级下拉菜单实现代码
- JavaScript利用split函数按规定截取字符串(获取邮箱用户名)
- JavaScript 生成随机数并自动大小排序
- javascript 面向对象全新理练之原型继承
- javascript 面向对象全新理练之继承与多态
- javascript 面向对象全新理练之数据的封装
- jquery的ajax从纯真网(cz88.net)获取IP地址对应地区名
- jQuery 跨域访问问题解决方法
- jQuery Selectors(选择器)的使用(二、层次篇)
- jQuery Selectors(选择器)的使用(一、基本篇)
- IE与firefox下Dhtml的一些区别小结