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 限制输入脚本大全
Nov 03 Javascript
javascript break指定标签打破多层循环示例
Jan 20 Javascript
Node调试工具JSHint的安装及配置教程
May 27 Javascript
JS中三目运算符和if else的区别分析与示例
Nov 21 Javascript
javascript变量声明实例分析
Apr 25 Javascript
AngularJS基础学习笔记之简单介绍
May 10 Javascript
Node.js+Express配置入门教程详解
May 19 Javascript
JS及PHP代码编写八大排序算法
Jul 12 Javascript
JSON 必知必会 观后记
Oct 27 Javascript
AngularJS辅助库browserTrigger用法示例
Nov 03 Javascript
jQuery实现数字华容道小游戏(实例代码)
Jan 16 jQuery
JavaScript 中的执行上下文和执行栈实例讲解
Feb 25 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
NOD32 v2.70.32 简体中文封装版 提供下载了
2007/02/27 PHP
PHP基于imap获取邮件实例
2014/11/11 PHP
学习php设计模式 php实现原型模式(prototype)
2015/12/07 PHP
PHP实现大数(浮点数)取余的方法
2017/02/18 PHP
完美解决在ThinkPHP控制器中命名空间的问题
2017/05/05 PHP
jquery渐隐渐显的图片幻灯闪烁切换实现方法
2015/02/26 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
2015/12/03 Javascript
AngularJS 防止页面闪烁的方法
2017/03/09 Javascript
Js实现京东无延迟菜单效果实例(demo)
2017/06/02 Javascript
.netcore+vue 实现压缩文件下载功能
2020/09/24 Javascript
js数组的基本使用总结
2021/01/18 Javascript
python获取一组数据里最大值max函数用法实例
2015/05/26 Python
用Python登录好友QQ空间点赞的示例代码
2017/11/04 Python
Python爬虫实现百度图片自动下载
2018/02/04 Python
python XlsxWriter模块创建aexcel表格的实例讲解
2018/05/03 Python
基于pip install django失败时的解决方法
2018/06/12 Python
正确理解Python中if __name__ == '__main__'
2019/01/24 Python
Django基础三之视图函数的使用方法
2019/07/18 Python
python 如何将数据写入本地txt文本文件的实现方法
2019/09/11 Python
Python简易计算器制作方法代码详解
2019/10/31 Python
python调用c++返回带成员指针的类指针实例
2019/12/12 Python
python对指定字符串逆序的6种方法(小结)
2020/04/02 Python
Python importlib动态导入模块实现代码
2020/04/16 Python
CheapTickets香港机票预订网站:CheapTickets.hk
2019/06/26 全球购物
求职信模版
2013/11/30 职场文书
初一家长会邀请函
2014/01/31 职场文书
创建绿色社区汇报材料
2014/08/22 职场文书
调研座谈会发言材料
2014/08/23 职场文书
法人委托书范本
2014/09/15 职场文书
欢迎词怎么写
2015/01/23 职场文书
爱护环境建议书
2015/09/14 职场文书
关于办理居住证的介绍信模板
2019/11/27 职场文书
导游词之无锡梅园
2019/11/28 职场文书
python使用PySimpleGUI设置进度条及控件使用
2021/06/10 Python
Redis 异步机制
2022/05/15 Redis
Django数据库(SQlite)基本入门使用教程
2022/07/07 Python