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 相关文章推荐
黑帽seo劫持程序,js劫持搜索引擎代码
Sep 15 Javascript
JS从数组中随机取出几个数组元素的方法
Aug 02 Javascript
web 屏蔽BackSpace键实例代码
Dec 24 Javascript
angularjs实现时间轴效果的示例代码
Nov 29 Javascript
Vue实现美团app的影院推荐选座功能【推荐】
Aug 29 Javascript
如何解决.vue文件url引用文件的问题
Jan 18 Javascript
jQuery选择器之基本选择器用法实例分析
Feb 19 jQuery
解决vuex刷新状态初始化的方法实现
Aug 15 Javascript
vue实现弹幕功能
Oct 25 Javascript
关于JavaScript数组去重的一些理解汇总
Sep 10 Javascript
js通过canvas生成图片缩略图
Oct 02 Javascript
vue-amap根据地址回显地图并mark的操作
Nov 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
深入浅析yii2-gii自定义模板的方法
2016/04/26 PHP
PHP MVC框架skymvc支持多文件上传
2016/05/26 PHP
php reset() 函数指针指向数组中的第一个元素并输出实例代码
2016/11/21 PHP
Yii1.1中通过Sql查询进行的分页操作方法
2017/03/16 PHP
PHP基于phpqrcode类生成二维码的方法详解
2018/03/14 PHP
基于JQuery的asp.net树实现代码
2010/11/30 Javascript
Three.js源码阅读笔记(Object3D类)
2012/12/27 Javascript
jquery根据锚点offset值实现动画切换
2014/09/11 Javascript
JS实现一个列表中包含上移下移删除等功能
2014/09/24 Javascript
setinterval()与clearInterval()JS函数的调用方法
2015/01/21 Javascript
jquery实现的缩略图预览滑块实例
2015/06/25 Javascript
node.js读取文件到字符串的方法
2015/06/29 Javascript
js实现分割上传大文件
2016/03/09 Javascript
Javascript基础知识盲点总结之函数
2016/05/15 Javascript
JavaScript html5利用FileReader实现上传功能
2020/03/27 Javascript
KOA+egg.js集成kafka消息队列的示例
2018/11/09 Javascript
在vue项目中引入vue-beauty操作方法
2019/02/11 Javascript
Vue实现table上下移动功能示例
2019/02/21 Javascript
vue-cli3使用 DllPlugin 实现预编译提升构建速度
2019/04/24 Javascript
Vue.js组件props数据验证实现详解
2019/10/19 Javascript
在Vue.js中使用TypeScript的方法
2020/03/19 Javascript
[01:31](回顾)杀出重围,决战TI之巅
2014/07/01 DOTA
Python入门篇之列表和元组
2014/10/17 Python
详细解读Python中解析XML数据的方法
2015/10/15 Python
python3.5仿微软计算器程序
2020/03/30 Python
Python黑帽编程 3.4 跨越VLAN详解
2016/09/28 Python
tensorflow dataset.shuffle、dataset.batch、dataset.repeat顺序区别详解
2020/06/03 Python
Python SMTP配置参数并发送邮件
2020/06/16 Python
澳大利亚手袋、珠宝和在线时尚精品店:The Way
2019/12/21 全球购物
食品安全检查制度
2014/02/03 职场文书
计算机通信专业推荐信
2014/02/22 职场文书
法律顾问服务方案
2014/05/15 职场文书
团队队名口号大全
2014/06/06 职场文书
新闻学专业求职信
2014/07/28 职场文书
考试作弊检讨书1000字(5篇)
2014/10/19 职场文书
2016七一建党节慰问信
2015/11/30 职场文书