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下将字符串当函数执行的方法
Jul 13 Javascript
JS去除右边逗号的简单方法
Jul 03 Javascript
可兼容IE的获取及设置cookie的jquery.cookie函数方法
Sep 02 Javascript
javascript中in运算符用法分析
Apr 28 Javascript
纯javascript制作日历控件
Jul 17 Javascript
JS正则表达式比较常见用法
Jan 26 Javascript
微信小程序 video详解及简单实例
Jan 16 Javascript
关于使用axios的一些心得技巧分享
Jul 02 Javascript
彻底解决 webpack 打包文件体积过大问题
Jul 07 Javascript
JS实现获取当前所在周的周六、周日示例分析
May 11 Javascript
vue-cli3项目升级到vue-cli4 的方法总结
Mar 19 Javascript
Vue 中获取当前时间并实时刷新的实现代码
May 12 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通过strpos查找字符串出现位置的方法
2015/03/17 PHP
开启PHP Static 关键字之旅模式
2015/11/13 PHP
PHP标准类(stdclass)用法示例
2016/09/28 PHP
PHP运行模式汇总
2016/11/06 PHP
使用Javascript和DOM Interfaces来处理HTML
2006/10/09 Javascript
谷歌浏览器 insertCell与appendChild的区别
2009/02/12 Javascript
javascript 检测浏览器类型和版本的代码
2009/09/15 Javascript
JavaScript Cookie 直接浏览网站分网址
2009/12/08 Javascript
javascript获取元素CSS样式代码示例
2013/11/28 Javascript
javascript定义变量时有var和没有var的区别探讨
2014/07/21 Javascript
基于jQuery实现的图片切换焦点图整理
2014/12/07 Javascript
使用Node.js为其他程序编写扩展的基本方法
2015/06/23 Javascript
jquery+php随机生成红包金额数量代码分享
2015/08/27 Javascript
AngularJS中的Directive自定义一个表格
2016/01/25 Javascript
分享jQuery网页元素拖拽插件
2020/12/01 Javascript
jQuery+PHP+Mysql实现抽奖程序
2020/04/12 jQuery
react-native之ART绘图方法详解
2017/08/08 Javascript
解决vue数组中对象属性变化页面不渲染问题
2018/08/09 Javascript
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
2019/11/01 Javascript
微信小程序中使用 async/await的方法实例分析
2020/05/06 Javascript
[02:02]2018DOTA2亚洲邀请赛Mineski赛前采访
2018/04/04 DOTA
[10:05]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD 选手采访
2021/03/11 DOTA
Python实现豆瓣图片下载的方法
2015/05/25 Python
Flask Web开发入门之文件上传(八)
2018/08/17 Python
给Python学习者的文件读写指南(含基础与进阶)
2020/01/29 Python
在Python 的线程中运行协程的方法
2020/02/24 Python
Python面向对象魔法方法和单例模块代码实例
2020/03/25 Python
Python3.9最新版下载与安装图文教程详解(Windows系统为例)
2020/11/28 Python
HTML5 常用语法一览(列举不支持的属性)
2010/01/26 HTML / CSS
Ray-Ban雷朋西班牙官网:全球领先的太阳眼镜品牌
2018/11/28 全球购物
Made in Design德国:设计师家具、灯具和装饰
2019/10/31 全球购物
Ajax的优点和缺点
2014/11/21 面试题
毕业生造价工程师求职信
2013/10/17 职场文书
中层领导干部群众路线对照检查材料思想汇报
2014/10/02 职场文书
2014年设计师工作总结
2014/11/25 职场文书
Python使用Kubernetes API访问集群
2021/05/30 Python