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 的 prototype问题。
Jan 03 Javascript
$.ajax json数据传递方法
Nov 19 Javascript
js 判断一个元素是否在页面中存在
Dec 27 Javascript
jquery实现的鼠标拖动排序Li或Table
May 04 Javascript
如何通过js实现图片预览功能【附实例代码】
Mar 30 Javascript
Highcharts入门之简介
Aug 02 Javascript
js实现可以点击收缩或张开的悬浮窗
Sep 18 Javascript
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
Sep 22 Javascript
微信小程序 动画的简单实例
Oct 12 Javascript
node基于async/await对mysql进行封装
Jun 20 Javascript
JS async 函数的含义和用法实例总结
Apr 08 Javascript
Vue用mixin合并重复代码的实现
Nov 27 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
DedeCMS 核心类TypeLink.class.php摘要笔记
2010/04/07 PHP
php生成excel列序号代码实例
2013/12/24 PHP
显示youtube视频缩略图和Vimeo视频缩略图代码分享
2014/02/13 PHP
php多任务程序实例解析
2014/07/19 PHP
全面解析PHP操作Memcache基本函数
2016/07/14 PHP
php实现博客,论坛图片防盗链的方法
2016/10/15 PHP
PHP实现根据数组某个键值大小进行排序的方法
2018/03/13 PHP
javascript引用对象的方法
2007/01/11 Javascript
ajax中get和post的说明及使用与区别
2012/12/23 Javascript
用js来刷新当前页面保留参数的具体实现
2013/12/23 Javascript
浅谈Javascript Base64 加密解密
2014/12/28 Javascript
跟我学习JScript的Bug与内存管理
2015/11/18 Javascript
jQuery使用$.ajax进行即时验证的方法
2015/12/08 Javascript
js时间戳格式化成日期格式的多种方法介绍
2017/02/16 Javascript
JavaScript实现简单的星星评分效果
2017/05/18 Javascript
vue实现消息的无缝滚动效果的示例代码
2017/12/05 Javascript
[10:14]2018DOTA2国际邀请赛寻真——paiN Gaming不仅为自己而战
2018/08/14 DOTA
在Python中操作时间之mktime()方法的使用教程
2015/05/22 Python
python抓取并保存html页面时乱码问题的解决方法
2016/07/01 Python
python魔法方法-属性访问控制详解
2016/07/25 Python
Python 3.x 连接数据库示例(pymysql 方式)
2017/01/19 Python
PyQt5每天必学之事件与信号
2018/04/20 Python
python根据txt文本批量创建文件夹
2020/12/08 Python
Flask框架重定向,错误显示,Responses响应及Sessions会话操作示例
2019/08/01 Python
Python input函数使用实例解析
2019/11/22 Python
Python实现常见的几种加密算法(MD5,SHA-1,HMAC,DES/AES,RSA和ECC)
2020/05/09 Python
HTML5调用手机发短信和打电话功能
2020/04/29 HTML / CSS
巴西最大的家具及装饰用品店:Mobly
2017/10/11 全球购物
党员的自我评价范文
2014/01/02 职场文书
2014年父亲节活动方案
2014/03/06 职场文书
天猫活动策划方案
2014/08/21 职场文书
公司领导九九重阳节发言稿2014
2014/09/25 职场文书
文明家庭事迹材料
2014/12/20 职场文书
大学生学生会工作总结2015
2015/05/26 职场文书
2015年中学团委工作总结
2015/07/22 职场文书
喜迎建国70周年:有关爱国的名言名句
2019/09/24 职场文书