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框架
Aug 13 Javascript
Javascript学习笔记4 Eval函数
Jan 11 Javascript
基于Jquery的文字滚动跑马灯插件(一个页面多个滚动区)
Jul 26 Javascript
file模式访问网页时iframe高度自适应解决方案
Jan 16 Javascript
本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结
Mar 25 Javascript
javascript实现跳转菜单的具体方法
Jul 05 Javascript
js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件
Jan 27 Javascript
Vue.js实现数据响应的方法
Aug 13 Javascript
如何在Vue中抽离接口配置文件
Oct 31 Javascript
用Golang运行JavaScript的实现示例
Nov 25 Javascript
微信小程序按顺序同步执行的两种方式
Dec 20 Javascript
原生JS实现pc端轮播图效果
Dec 21 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
使用Apache的htaccess防止图片被盗链的解决方法
2013/04/27 PHP
完整删除ecshop中获取店铺信息的API
2014/12/24 PHP
PHP永久登录、记住我功能实现方法和安全做法
2015/04/27 PHP
ThinkPHP开发框架函数详解:C方法
2015/08/14 PHP
PHP实现mysqli批量执行多条语句的方法示例
2017/07/22 PHP
PHP的JSON封装、转变及输出操作示例
2019/09/27 PHP
My Desktop :) 桌面式代码
2008/12/29 Javascript
javascript Math.random()随机数函数
2009/11/04 Javascript
javascript Array数组对象的扩展函数代码
2010/05/22 Javascript
常用的JavaScript模板引擎介绍
2015/02/28 Javascript
jquery通过closest选择器修改上级元素的方法
2015/03/17 Javascript
jQuery中常用的遍历函数用法实例总结
2015/09/01 Javascript
实例代码讲解jquery easyui动态tab页
2015/11/17 Javascript
JS中IP地址与整数相互转换的实现代码
2017/04/10 Javascript
Easyui使用Dialog行内按钮布局的实例
2017/07/27 Javascript
ES6学习教程之Map的常用方法总结
2017/08/03 Javascript
史上最为详细的javascript继承(推荐)
2019/05/18 Javascript
vue项目中使用bpmn为节点添加颜色的方法
2020/04/30 Javascript
JS实现按比例缩小图片宽高
2020/08/24 Javascript
[36:20]KG vs SECRET 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
Python3字符串学习教程
2015/08/20 Python
python中requests爬去网页内容出现乱码问题解决方法介绍
2017/10/25 Python
Tensorflow之构建自己的图片数据集TFrecords的方法
2018/02/07 Python
Python运维开发之psutil库的使用详解
2018/10/18 Python
ActiveMQ:使用Python访问ActiveMQ的方法
2019/01/30 Python
python绘制彩虹图
2019/12/16 Python
python GUI库图形界面开发之PyQt5浏览器控件QWebEngineView详细使用方法
2020/02/26 Python
Python Pandas 对列/行进行选择,增加,删除操作
2020/05/17 Python
10款最佳Python开发工具推荐,每一款都是神器
2020/10/15 Python
python 如何在测试中使用 Mock
2021/03/01 Python
陈欧的广告词
2014/03/18 职场文书
国际经济贸易专业自荐信
2014/06/13 职场文书
缅怀先烈演讲稿
2014/09/03 职场文书
2015年度学校卫生工作总结
2015/05/12 职场文书
python xlwt模块的使用解析
2021/04/13 Python
MySQL8.0的WITH查询详情
2021/08/30 MySQL