编程 Javascript

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]

jquery一句话全选/取消全选

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

网页的标准,IMG不支持onload标签怎么办

Jun 29 Javascript

JQuery-tableDnD 拖拽的基本使用介绍

Jul 04 Javascript

JavaScript统计字符串中每个字符出现次数完整实例

Jan 28 Javascript

vue2滚动条加载更多数据实现代码

Jan 10 Javascript

JS实现针对给定时间的倒计时功能示例

Apr 11 Javascript

JS实现简单的点赞与踩功能示例

Dec 05 Javascript

vue自定义键盘信息、监听数据变化的方法示例【基于vm.$watch】

Mar 16 Javascript

详解javascript对数组和json数组的操作

Apr 15 Javascript

改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件

Jul 13 Javascript

Vue清除定时器setInterval优化方案分享

Jul 21 Javascript

javascript实现移动端轮播图

Dec 09 Javascript

在 HTML 页面中使用 React的场景分析

Jan 18 Javascript

基于jQuery的Tab选项框效果代码(插件)

Mar 01 #Javascript

jquery中实现标签切换效果的代码

Mar 01 #Javascript

IE图片缓存document.execCommand("BackgroundImageCache",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