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


Posted in Javascript onDecember 02, 2009
<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 相关文章推荐
js 图片轮播(5张图片)
Dec 30 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
Sep 01 Javascript
JS中生成随机数的用法及相关函数
Jan 09 Javascript
实践中学习AngularJS表单
Mar 21 Javascript
js实现精确到毫秒的倒计时效果
Aug 05 Javascript
在localStorage中存储对象数组并读取的方法
Sep 24 Javascript
js图片延迟加载(Lazyload)三种实现方式
Mar 01 Javascript
Javascript(es2016) import和require用法和区别详解
Aug 11 Javascript
完美解决axios跨域请求出错的问题
Feb 05 Javascript
vue使用微信JS-SDK实现分享功能
Aug 23 Javascript
Vue防止白屏添加首屏动画的实例
Oct 31 Javascript
Vue关于组件化开发知识点详解
May 13 Javascript
两种WEB下的模态对话框 (asp.net或js的分别实现)
Dec 02 #Javascript
JavaScript Object的extend是一个常用的功能
Dec 02 #Javascript
JS类的封装及实现代码
Dec 02 #Javascript
Jquery选择器 $实现原理
Dec 02 #Javascript
js 表格隔行颜色
Dec 02 #Javascript
让FireFox支持innerText的实现代码
Dec 01 #Javascript
JavaScript 直接操作本地文件的实现代码
Dec 01 #Javascript
You might like
关于二级目录拖拽排序的实现(源码示例下载)
2013/04/26 PHP
php带抄送和密件抄送的邮件发送方法
2015/03/20 PHP
PHP检测数据类型的几种方法(总结)
2017/03/04 PHP
Laravel 批量更新多条数据的示例
2017/11/27 PHP
用js来解决ajax读取页面乱码
2010/11/28 Javascript
使用按钮控制以何种方式打开新窗口的属性介绍
2012/12/17 Javascript
jQuery中ajax的使用与缓存问题的解决方法
2013/12/19 Javascript
jquery制作select列表双向选择示例代码
2014/09/02 Javascript
javascript中caller和callee详解
2015/08/10 Javascript
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
2015/12/03 Javascript
轻松使用jQuery双向select控件Bootstrap Dual Listbox
2015/12/13 Javascript
浅谈JavaScript的内置对象和浏览器对象
2016/06/03 Javascript
Vue.js快速入门教程
2016/09/07 Javascript
纯js仿淘宝京东商品放大镜功能
2017/03/02 Javascript
彻底解决 webpack 打包文件体积过大问题
2017/07/07 Javascript
在Vue组件化中利用axios处理ajax请求的使用方法
2017/08/25 Javascript
js 中rewrap-ajax.js插件实例代码
2017/10/20 Javascript
使用vue根据状态添加列表数据和删除列表数据的实例
2018/09/29 Javascript
微信小程序实现批量倒计时功能
2020/11/01 Javascript
微信小程序返回箭头跳转到指定页面实例解析
2019/10/08 Javascript
JS Generator 函数的含义与用法实例总结
2020/04/08 Javascript
JavaScript动画实例之粒子文本的实现方法详解
2020/07/28 Javascript
[37:47]IG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
更改Ubuntu默认python版本的两种方法python-&gt; Anaconda
2016/12/18 Python
python 五子棋如何获得鼠标点击坐标
2019/11/04 Python
Python常用模块os.path之文件及路径操作方法
2019/12/03 Python
python 安装教程之Pycharm安装及配置字体主题,换行,自动更新
2020/03/13 Python
浅谈TensorFlow中读取图像数据的三种方式
2020/06/30 Python
TensorFlow的环境配置与安装方法
2021/02/20 Python
总经理岗位职责
2013/11/09 职场文书
销售总监岗位职责
2014/01/04 职场文书
房屋出售协议书
2014/04/10 职场文书
重阳节慰问信
2015/02/15 职场文书
自主招生推荐信格式模板
2015/03/24 职场文书
学校证明范文
2015/06/24 职场文书
SQL Server使用CROSS APPLY与OUTER APPLY实现连接查询
2022/05/25 SQL Server