jquery一句话全选/取消全选


Posted in Javascript onMarch 01, 2011

1、当然要引入jquery文件啦。
2、建立函数
var check_all = function(obj,name){$(":checkbox[name='"+name+"']").attr("checked",obj.checked); }
3、使用

<!DOCTYPE Html> 
<html> 
<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script> 
<script type="text/javascript"> 
function selectAll(checkbox) { 
$('input[type=checkbox]').attr('checked', $(checkbox).attr('checked')); 
} 
</script> 
</head> 
<body> 
<input type="checkbox" onclick="selectAll(this);" />全选<br/> 
<input type="checkbox" /><br/> 
<input type="checkbox" /><br/> 
<input type="checkbox" /><br/> 
<input type="checkbox" /><br/> 
<input type="checkbox" /><br/> 
<input type="checkbox" /><br/> 
…… 
</body> 
</html>

多组的JQUERY选中与取消
<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script> 
<script type="text/javascript"> 
function selectGroup(checkbox,obj) { 
$('input[name='+obj+']').attr('checked', $(checkbox).attr('checked')); 
} 
</script> 
</head> 
<body> 
<input type="checkbox" onclick="selectGroup(this,'grp1');" />选中GROUPA<br/> 
GROUPA:<br/> 
<input type="checkbox" name="grp1" />11<br/> 
<input type="checkbox" name="grp1" />22<br/> 
<input type="checkbox" name="grp1" />33<br/><br/> 
<input type="checkbox" onclick="selectGroup(this,'grp2');" />选中GROUPB<br/> 
GROUPB:<br/> 
<input type="checkbox" name="grp2" />44<br/> 
<input type="checkbox" name="grp2" />55<br/> 
<input type="checkbox" name="grp2" />66<br/> 
</body> 
</html>

另外的补充代码:
引用Jquery 库jquery-1.4.1-vsdoc.js 等

Jquery脚本代码——————————————————————

$(function() { 
$('#inputCheck').click(function() { 
$("input[name='Checkbox1']").attr("checked", $(this).attr("checked")); 
}); 
}); // 全选 $(function() { 
$("#select_reverse").click(function() { 
$("input[name='Checkbox1']").each(function(idx, item) { 
$(item).attr("checked", !$(item).attr("checked")); 
}) 
}); 
});//反选

html 前台代码————————————————————————
[code]
<input id="inputCheck" type="checkbox" />全选
<input id="select_reverse" type="checkbox" />反选
<input name="Checkbox1" type="checkbox" />
<input name="Checkbox1" type="checkbox" />
<input name="Checkbox1" type="checkbox" />
<input name="Checkbox1" type="checkbox" />
<input name="Checkbox1" type="checkbox" />
<input name="Checkbox1" type="checkbox" />
[html]
Javascript 相关文章推荐
Autocomplete Textbox Example javascript实现自动完成成功
Aug 17 Javascript
prototype 中文参数乱码解决方案
Nov 09 Javascript
枚举的实现求得1-1000所有出现1的数字并计算出现1的个数
Sep 10 Javascript
jQuery选择器源码解读(八):addCombinator函数
Mar 31 Javascript
常用DOM整理
Jun 16 Javascript
jQuery如何使用自动触发事件trigger
Nov 29 Javascript
深入理解JavaScript函数参数(推荐)
Jul 26 Javascript
react-native之ART绘图方法详解
Aug 08 Javascript
动态加载JavaScript文件的3种方式
May 05 Javascript
详解Vue中数组和对象更改后视图不刷新的问题
Sep 21 Javascript
微信小程序时间选择插件使用详解
Dec 28 Javascript
vue如何在用户要关闭当前网页时弹出提示的实现
May 31 Javascript
基于jQuery的Tab选项框效果代码(插件)
Mar 01 #Javascript
jquery中实现标签切换效果的代码
Mar 01 #Javascript
IE图片缓存document.execCommand(&quot;BackgroundImageCache&quot;,false,true)
Mar 01 #Javascript
收集的10个免费的jQuery相册
Feb 26 #Javascript
jQuery 1.5.1 发布,全面支持IE9 修复大量bug
Feb 26 #Javascript
20款超赞的jQuery插件 Web开发人员必备
Feb 26 #Javascript
js对象的比较
Feb 26 #Javascript
You might like
PHP调用MySQL的存储过程的实现代码
2008/08/12 PHP
php代码中使用换行及(\n或\r\n和br)的应用
2013/02/02 PHP
PHP中一些可以替代正则表达式函数的字符串操作函数
2014/11/17 PHP
php实现转换html格式为文本格式的方法
2016/05/16 PHP
解决PHP 7编译安装错误:cannot stat ‘phar.phar’: No such file or directory
2017/02/25 PHP
PHP基于自定义类随机生成姓名的方法示例
2017/08/05 PHP
提取字符串中年月日的函数代码
2013/11/05 Javascript
Javascript中的方法和匿名方法实例详解
2015/06/13 Javascript
jQuery使用animate创建动画用法实例
2015/08/07 Javascript
纯javascript判断查询日期是否为有效日期
2015/08/24 Javascript
AngularJS 入门教程之HTML DOM实例详解
2016/07/28 Javascript
利用JS实现数字增长
2016/07/28 Javascript
原生Javascript和jQuery做轮播图简单例子
2016/10/11 Javascript
JS实现仿PS的调色板效果完整实例
2016/12/21 Javascript
利用nginx + node在阿里云部署https的步骤详解
2017/12/19 Javascript
VUE2.0中Jsonp的使用方法
2018/05/22 Javascript
详解关于Vuex的action传入多个参数的问题
2019/02/22 Javascript
详解Node.js异步处理的各种写法
2019/06/09 Javascript
详解nvm管理多版本node踩坑
2019/07/26 Javascript
Vue之Mixins(混入)的使用方法
2019/09/24 Javascript
[05:03]显微镜下的DOTA2第十期——Ti3豪之超神幽鬼
2014/06/23 DOTA
[48:52]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第一局
2016/02/25 DOTA
Python中函数的用法实例教程
2014/09/08 Python
python使用wmi模块获取windows下硬盘信息的方法
2015/05/15 Python
Python编程之黑板上排列组合,你舍得解开吗
2017/10/30 Python
Python内置函数delattr的具体用法
2017/11/23 Python
Python线程障碍对象Barrier原理详解
2019/12/02 Python
使用tensorflow显示pb模型的所有网络结点方式
2020/01/23 Python
你可能不知道的Python 技巧小结
2020/01/29 Python
Python 实现图片转字符画的示例(静态图片,gif皆可)
2020/11/05 Python
css3 响应式媒体查询的示例代码
2019/09/25 HTML / CSS
性能服装:HYLETE
2018/08/14 全球购物
QQ空间主人寄语大全
2014/04/12 职场文书
宝葫芦的秘密观后感
2015/06/11 职场文书
驾驶员管理制度范本
2015/08/06 职场文书
深入理解以DEBUG方式线程的底层运行原理
2021/06/21 Java/Android