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 相关文章推荐
动态修改DOM 里面的 id 属性的弊端分析
Sep 03 Javascript
JS小功能(offsetLeft实现图片滚动效果)实例代码
Nov 28 Javascript
JavaScript实现可拖拽的拖动层Div实例
Aug 05 Javascript
JS+CSS实现TreeMenu二级树形菜单完整实例
Sep 18 Javascript
仅一个form表单 js实现注册信息依次填写提交功能
Jun 12 Javascript
客户端验证用户名和密码的方法详解
Jun 16 Javascript
关于JavaScript数组你所不知道的3件事
Aug 24 Javascript
AngularJS对动态增加的DOM实现ng-keyup事件示例
Mar 12 Javascript
vue填坑之webpack run build 静态资源找不到的解决方法
Sep 03 Javascript
vscode下vue项目中eslint的使用方法
Jan 13 Javascript
IE11下处理Promise及Vue的单项数据流问题
Jul 24 Javascript
微信小程序8种数据通信的方式小结
Feb 03 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
深入解析WordPress中加载模板的get_template_part函数
2016/01/11 PHP
PHP实现简单用户登录界面
2019/10/23 PHP
基于jquery实现拆分姓名的方法(纯JS版)
2013/05/08 Javascript
提高jQuery性能的十个诀窍
2013/11/14 Javascript
利用JS判断用户是否上网(连接网络)
2013/12/23 Javascript
Jquery获得控件值的三种方法总结
2014/02/13 Javascript
JavaScript获取当前网页标题(title)的方法
2015/04/03 Javascript
JavaScript基础篇(6)之函数表达式闭包
2015/12/11 Javascript
JavaScript tab选项卡插件实例代码
2016/02/23 Javascript
JavaScript从数组的indexOf()深入之Object的Property机制
2016/05/11 Javascript
jQuery实现的自动加载页面功能示例
2016/09/04 Javascript
jQuery实现右键菜单、遮罩等效果代码
2016/09/27 Javascript
详解react-router如何实现按需加载
2017/06/15 Javascript
微信小程序用户自定义模版用法实例分析
2017/11/28 Javascript
自定义vue组件发布到npm的方法
2018/05/09 Javascript
webpack@v4升级踩坑(小结)
2018/10/08 Javascript
详解nodejs解压版安装和配置(带有搭建前端项目脚手架)
2018/12/06 NodeJs
发布Angular应用至生产环境的方法
2018/12/10 Javascript
解决layer弹出层自适应页面大小的问题
2019/09/16 Javascript
Python的string模块中的Template类字符串模板用法
2016/06/27 Python
Python简单生成随机姓名的方法示例
2017/12/27 Python
Python内置模块hashlib、hmac与uuid用法分析
2018/02/12 Python
Python学习笔记之open()函数打开文件路径报错问题
2018/04/28 Python
Django ImageFiled上传照片并显示的方法
2019/07/28 Python
win10系统Anaconda和Pycharm的Tensorflow2.0之CPU和GPU版本安装教程
2019/12/03 Python
python爬虫实现获取下一页代码
2020/03/13 Python
Python 如何查找特定类型文件
2020/08/17 Python
关于python中导入文件到list的问题
2020/10/31 Python
python 实现性别识别
2020/11/21 Python
世界领先的艺术图书出版社:TASCHEN
2018/07/23 全球购物
村党支部换届选举方案
2014/05/02 职场文书
师德师风演讲稿
2014/05/05 职场文书
2014党员干部四风问题对照检查材料思想汇报
2014/09/24 职场文书
小学六一儿童节活动开幕词
2016/03/04 职场文书
2019大学竞选班长发言稿
2019/06/27 职场文书
2019朋友新婚祝福语精选
2019/10/10 职场文书