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 相关文章推荐
通过Jquery的Ajax方法读取将table转换为Json
May 31 Javascript
javascript折半查找详解
Jan 26 Javascript
jquery实现文本框的禁用和启用
Dec 07 Javascript
JavaScript常用正则函数用法示例
Jan 23 Javascript
jQuery html表格排序插件tablesorter使用方法详解
Feb 10 Javascript
javascript内存分配原理实例分析
Apr 10 Javascript
js Dom实现换肤效果
Oct 21 Javascript
浅谈Node.js 沙箱环境
May 15 Javascript
微信小程序实现省市区三级地址选择
Jun 21 Javascript
浅谈layui框架自带分页和表格重载的接口解析问题
Sep 11 Javascript
微信小程序登录时如何获取input框中的内容
Dec 04 Javascript
React更新渲染原理深入分析
Dec 24 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设置编码格式的方法
2013/03/05 PHP
PHP远程采集图片详细教程
2014/07/01 PHP
PHP批斗大会之缺失的异常详解
2019/07/09 PHP
在phpstudy集成环境下的nginx服务器下配置url重写
2019/12/02 PHP
通过jquery的$.getJSON做一个跨域ajax请求试验
2011/05/03 Javascript
JQuery 中几个类选择器的简单使用介绍
2013/03/14 Javascript
解析URI与URL之间的区别与联系
2013/11/22 Javascript
JavaScript获取某年某月的最后一天附截图
2014/06/23 Javascript
使用javascript实现雪花飘落的效果
2015/01/13 Javascript
Jquery1.9.1源码分析系列(十五)动画处理之外篇
2015/12/04 Javascript
JavaScript之cookie技术详解
2016/11/18 Javascript
Web前端框架bootstrap实战【第一次接触使用】
2016/12/28 Javascript
JS复制对应id的内容到粘贴板(Ctrl+C效果)
2017/01/23 Javascript
webpack配置导致字体图标无法显示的解决方法
2018/03/06 Javascript
微信小程序 Animation实现图片旋转动画示例
2018/08/22 Javascript
vue-cli脚手架build目录下utils.js工具配置文件详解
2018/09/14 Javascript
详解微信小程序-canvas绘制文字实现自动换行
2019/04/26 Javascript
详解JS实现系统登录页的登录和验证
2019/04/29 Javascript
json_decode 索引为数字时自动排序问题解决方法
2020/03/28 Javascript
用python代码做configure文件
2014/07/20 Python
Python中用于去除空格的三个函数的使用小结
2015/04/07 Python
Windows系统下使用flup搭建Nginx和Python环境的方法
2015/12/25 Python
使用Python监控文件内容变化代码实例
2018/06/04 Python
python脚本当作Linux中的服务启动实现方法
2019/06/28 Python
Python Tensor FLow简单使用方法实例详解
2020/01/14 Python
基于Tensorflow批量数据的输入实现方式
2020/02/05 Python
Python中常用的os操作汇总
2020/11/05 Python
世界上最大的艺术和工艺用品商店:MisterArt.com
2018/07/13 全球购物
服务中心夜班服务员岗位职责
2013/11/27 职场文书
淘宝客服专员岗位职责
2014/04/11 职场文书
2014年党员自我评价材料
2014/09/22 职场文书
大学毕业生个人总结
2015/02/28 职场文书
综合素质评价自我评价
2015/03/06 职场文书
教师岗位说明书
2015/09/30 职场文书
在Django中使用MQTT的方法
2021/05/10 Python
mysql 联合索引生效的条件及索引失效的条件
2021/11/20 MySQL