文档章节

如何利用jquery实现一句话全选/取消全选的实例代码

菊花为谁开
 菊花为谁开
发布于 2011/03/03 00:24
字数 247
阅读 121
收藏 1

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://www.3ppt.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://www.3ppt.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>

© 著作权归作者所有

菊花为谁开
粉丝 1
博文 10
码字总数 7938
作品 0
海淀
私信 提问
使用jQuery设置元素选中的问题及解决办法

现在界面操作的js脚本很多人都是使用的jquery了吧,这其中就有很多的什么控制checkbox的选中与不选中啊什么的(特别是这个在做“全选”的时候很有用),还有就是某些时候的多选模式下的selec...

阿信sxq
2015/06/01
370
0
一行jQuery代码搞定checkbox 全选和全不选

在网站建设中;让复选框全部选中和全部取消是比较常用的;下面就介绍如何用一句话搞定全选功能; 其实很简单;那就是使用盘点jQuery弃用的函数这篇文章中最后一段代码; 好了,我要介绍的方法...

白俊遥
2015/04/29
9.2K
1
checkbox 的 全选按钮 reset 重置的问题

想必大家都会知道如何使用javascript 或者jquery 做全选按钮的。但是,在一个form表单中,如果全选按钮选中后,所有的checkbox也被选中了。这时触发reset事件,只有 全选按钮重置了(取消选中...

zhailibao
2013/03/01
1K
1
关于jquery全选和取消全选的问题

今天使用了Simple Admin作为网站后台的模板,在使用过程中遇到了一个问题,就是checkbox全选的问题,描述如下 以上是HTML代码 以上是Jquery代码 问题来了,我点击全选按钮的时候,所有的che...

木叶源
2013/05/01
827
6
jquery 中prop的使用以及一些要注意的问题

近有网友提出jquery做全选和取消全选这些操作时,只能执行一遍,后面追查下去,发现了问题的根源,发现用jquery中的removeProp对checked操作是会完全移除了元素的属性,以至于使用removePro...

subying
2014/01/16
923
0

没有更多内容

加载失败,请刷新页面

加载更多

自建redis笔记

自建redis笔记 最近在linux安装了一下redis,特做一些笔记! 本文先单节点启动redis,然后再进行持久化配置,在次基础上,再分享搭建主从模式的配置以及Sentinel 哨兵模式及集群的搭建 单节点...

北极之北
28分钟前
4
0
vue+element之多表单验证

方法一:利用promise var p1=new Promise(function(resolve, reject) { this.$refs[form1].validate((valid) => { if(valid){ ......

沉迷代码我爱学习
30分钟前
4
0
golang 1.13 errors 包 新函数介绍

引 这次 errors 包算重量级更新。很有更能把以前的一些设计模式给推到。下面聊下用法。 error 装包 以前返回一个错误,想要保存 error 链,还要定义结构体保存以前的 error 信息。感兴趣看下...

guonaihong
39分钟前
55
1
并发编程之线程池

一、线程池 1、什么是线程池 Java中的线程池是运用场景最多的并发框架,几乎所有需要异步或并发执行任务的程序 都可以使用线程池。在开发过程中,合理地使用线程池能够带来3个好处。 第一:降...

codeobj
42分钟前
6
0
知识点总结思维导图模板分享,良心安利,建议收藏

思维导图经常被用在学习中,对大脑思维进行发散,对知识进行记忆。使用思维导图可以让知识更加简单更有层次。下面是利用思维导图所绘制的几款知识点总结思维导图模板,大家可以进行进行参考使...

干货趣分享
45分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部