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 相关文章推荐
用javascript实现点击链接弹出&quot;图片另存为&quot;而不是直接打开
Aug 15 Javascript
JavaScript中Math对象使用说明
Jan 16 Javascript
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理
May 06 Javascript
JavaScript实现网页图片等比例缩放实现代码及调用方式
Feb 25 Javascript
JavaScript中的无阻塞加载性能优化方案
Oct 10 Javascript
Javascript快速排序算法详解
Dec 03 Javascript
jQuery中width()方法用法实例
Dec 24 Javascript
jQuery simpleModal插件的使用介绍
Aug 30 Javascript
JS动态给对象添加属性和值的实现方法
Oct 21 Javascript
jQuery插件实现可输入和自动匹配的下拉框
Oct 24 Javascript
jQuery实现轮播图及其原理详解
Apr 12 jQuery
vue - vue.config.js中devServer配置方式
Oct 30 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
《PHP编程最快明白》第二讲 数字、浮点、布尔型、字符串和数组
2010/11/01 PHP
Windows 下的 PHP-PEAR 安装方法
2010/11/20 PHP
使用php+Ajax实现唯一校验实现代码[简单应用]
2011/11/29 PHP
PHP上传图片进行等比缩放可增加水印功能
2014/01/13 PHP
浅谈PHP中如何实现Hook机制
2017/11/14 PHP
PHP中Session ID的实现原理实例分析
2019/08/17 PHP
CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法
2012/03/29 Javascript
JSuggest自动匹配下拉框使用方法(示例代码)
2013/12/27 Javascript
用jQuery实现的智能隐藏、滑动效果的返回顶部代码
2014/03/18 Javascript
浅析ES6的八进制与二进制整数字面量
2016/08/30 Javascript
Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法
2016/10/30 Javascript
js实现右键自定义菜单
2016/12/03 Javascript
AngularJS开发教程之控制器之间的通信方法分析
2016/12/25 Javascript
Angualrjs和bootstrap相结合实现数据表格table
2017/03/30 Javascript
关于JS与jQuery中的文档加载问题
2017/08/22 jQuery
JavaScript实现短暂提示框功能
2018/04/04 Javascript
vue组件的写法汇总
2018/04/12 Javascript
在Vue项目中使用Typescript的实现
2019/12/19 Javascript
vue-cli点击实现全屏功能
2020/03/07 Javascript
ES6 Generator基本使用方法示例
2020/06/06 Javascript
vue组件开发之tab切换组件使用详解
2020/08/21 Javascript
Python读取mat文件,并保存为pickle格式的方法
2018/10/23 Python
python将txt文件读入为np.array的方法
2018/10/30 Python
详解Python中namedtuple的使用
2020/04/27 Python
Python eval函数介绍及用法
2020/11/09 Python
一个入门级python爬虫教程详解
2021/01/27 Python
python向xls写入数据(包括合并,边框,对齐,列宽)
2021/02/02 Python
澳洲小众品牌的集合网站:BNKR
2018/02/23 全球购物
造价工程师个人求职信
2013/09/21 职场文书
银行员工职业规划范文
2014/01/21 职场文书
手机被没收检讨书
2014/02/22 职场文书
借名购房协议书范本
2014/10/06 职场文书
党的群众路线教育实践活动领导班子整改方案
2014/10/25 职场文书
教师辞职书范文
2015/02/26 职场文书
2019销售早会主持词
2019/06/27 职场文书
springboot为异步任务规划自定义线程池的实现
2022/06/14 Java/Android