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笔试题目附答案@20081025_jb51.net
Oct 26 Javascript
js函数模拟显示桌面.scf程序示例
Apr 20 Javascript
JavaScript原型及原型链终极详解
Jan 04 Javascript
JavaScript中的Array 对象(数组对象)
Jun 02 Javascript
移动端H5开发 Turn.js实现很棒的翻书效果
Jun 20 Javascript
node.js与C语言 实现遍历文件夹下最大的文件,并输出路径,大小
Jan 20 Javascript
Jquery实时监听input value的实例
Jan 26 Javascript
jQuery实现注册会员时密码强度提示信息功能示例
Sep 05 jQuery
webpack组织模块打包Library的原理及实现
Mar 10 Javascript
详解react native页面间传递数据的几种方式
Nov 07 Javascript
js实现详情页放大镜效果
Oct 28 Javascript
Vue如何跨组件传递Slot的实现
Dec 14 Vue.js
两种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获取mysql版本的几种方法小结
2008/03/25 PHP
php foreach循环中使用引用的问题
2013/11/06 PHP
php中的filesystem文件系统函数介绍及使用示例
2014/02/13 PHP
php统计时间和内存使用情况示例分享
2014/03/13 PHP
php实现四舍五入的方法小结
2015/03/03 PHP
PHP中SQL查询语句的id=%d解释(推荐)
2016/12/10 PHP
关于Laravel-admin的基础用法总结和自定义model详解
2019/10/08 PHP
Laravel框架Blade模板简介及模板继承用法分析
2019/12/03 PHP
基于JQuery的6个Tab选项卡插件
2010/09/03 Javascript
为原生js Array增加each方法
2012/04/07 Javascript
基于SVG的web页面图形绘制API介绍及编程演示
2013/06/28 Javascript
通过js简单实现将一个文本内容转译成加密文本
2013/10/22 Javascript
Javascript写入txt和读取txt文件示例
2014/02/12 Javascript
JavaScript判断文件上传类型的方法
2014/09/02 Javascript
JavaScript 实现的checkbox经典实例分享
2016/10/16 Javascript
微信小程序实现YDUI的ScrollTab组件
2018/02/02 Javascript
JS实现DOM删除节点操作示例
2018/04/04 Javascript
Vue 3.0 全家桶抢先体验
2020/04/28 Javascript
vue3弹出层V3Popup实例详解
2021/01/04 Vue.js
python简单商城购物车实例代码
2018/03/15 Python
Django实现分页功能
2018/07/02 Python
详解python之heapq模块及排序操作
2019/04/04 Python
PyQt5 窗口切换与自定义对话框的实例
2019/06/20 Python
在django view中给form传入参数的例子
2019/07/19 Python
使用卷积神经网络(CNN)做人脸识别的示例代码
2020/03/27 Python
PyQT5速成教程之Qt Designer介绍与入门
2020/11/02 Python
英国著名的药妆网站:Escentual
2016/07/29 全球购物
国际商务专业学生个人的自我评价
2013/09/28 职场文书
咖啡店的创业计划书,让你hold不住
2014/01/03 职场文书
初三班主任寄语大全
2014/04/04 职场文书
反邪教宣传工作方案
2014/05/07 职场文书
贷款委托书
2014/08/01 职场文书
2014年环境卫生工作总结
2014/11/24 职场文书
2015年语文教学工作总结
2015/05/25 职场文书
标准演讲稿格式结尾应该怎么书写?
2019/07/17 职场文书
用python自动生成日历
2021/04/24 Python