文档章节

checkbox的全选反选以及全不选

ycYinG
 ycYinG
发布于 2016/12/08 15:58
字数 200
阅读 0
收藏 0
点赞 0
评论 0

####js实现 <input type="checkbox" name='list' value=''>哈哈<br/>
<input type="checkbox" name='list' value=''>哈哈<br/>
<input type="checkbox" name='list' value=''>哈哈<br/>
<input type="checkbox" name='list' value=''>哈哈<br/>
<button onclick="allx()"></button>
<button onclick="no()"></button>
<button onclick="opp()"></button>

<script>  
 	var lists = document.getElementsByName('list');  
		//注意:all是关键字,不能乱用哦!
	function allx(){  
 		for(var i=0; i<lists.length; i++){
       		lists[i].checked = true;          
    	}      
	}  
	function no(){  
  		for(var i=0; i<lists.length; i++){
        	lists[i].checked = false;          
   		 }      
	}
	function opp(){  
  		for(var i=0; i<lists.length; i++){
        		//lists[i].checked = !lists[i].checked;  
        		//或者
        		if(lists[i].checked == false){
            		lists[i].checked = true;            
        		}else{
            		lists[i].checked = false;            
        		}
   		 }      
   		     	}
</script>

####jquery实现 <input type="checkbox" class="checkAll">全选<br> <input type="checkbox" class="checkeach" value="1">1<br> <input type="checkbox" class="checkeach" value="1">2<br> <input type="checkbox" class="checkeach" value="1">3<br> <input type="checkbox" class="checkeach" value="1">4<br> $('.checkAll').click(function(){ if($(this).attr('checked')){ $('.checkeach').attr('checked',true);
}else{ $('.checkeach').attr('checked',false);
} })

© 著作权归作者所有

共有 人打赏支持
ycYinG
粉丝 1
博文 10
码字总数 4889
作品 0
昌平
程序员
JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

JQuery是一个非常容易上手的框架,但是有很多东西需要我们深入学习的。 判断checkbox是否被选中网上有选多种写法,这里有一种方法,个人觉得 比较方便。 因为比较简单,没什么技术含量,直接...

Louis_88 ⋅ 2015/10/07 ⋅ 0

jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法

这篇文章主要介绍了jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法,通过使用prop方法代替attr方法来解决此问题,需要的朋友可以参考下 本文实例讲述了jQuery中...

码农般的学良 ⋅ 2016/11/25 ⋅ 0

JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

JQuery是一个非常容易上手的框架,但是有很多东西需要我们深入学习的。 判断checkbox是否被选中网上有选多种写法,这里有一种方法,个人觉得 比较方便。 因为比较简单,没什么技术含量,直接...

Louis_88 ⋅ 2015/10/07 ⋅ 0

多选框的全选、全不选、反选

要实现多选框的选择相关映射,要实现以下逻辑: 1、全选框被点击时,所以子选框被选中。 2、当全选状态下,子选框的其中一个撤销点击,全选框自动unchecked 3、为全选状态下,子选框一个个全...

MissGu ⋅ 2015/04/12 ⋅ 0

jquery对table表格的常用操作

一、删除行 ? 1 2 3 4 //删除除第一行外的所有行 $("#table1 tr:not(:first)").remove(); //删除指定行 $("#table1 tr:eq(3)").remove(); 二、删除一列 ? 1 2 3 4 5 //删除除第一列外的所有列...

问题达人 ⋅ 2016/03/31 ⋅ 0

汇总常用的jQuery操作Table tr td方法

1.鼠标移动行变色 方法一:jQuery中的hover(fun(),fun())方法,参数一:第一个方法是添加样式功能,参数二:第二个方法是取消样式功能 $("#table1 tr").hover(function(){ $(this).children...

皮蛋瘦肉粥里没有粥 ⋅ 2015/03/24 ⋅ 0

jQuery:1.5.1,复选框应用(全选,全不选,反选,提交选中的值,全选/全不选)

ylbtech-jQuery:jQuery学习 jQuery语法实例 复选框应用 效果截图 jQuery:1.5.1,复选框应用(全选,全不选,反选,提交选中的值,全选/全不选)HTML代码返回顶部 $("#checkedAll").click(funct...

吞吞吐吐的 ⋅ 2017/11/08 ⋅ 0

jQuery 1.9版本以上多次点击checkbox无法选中的问题

问题描述:全选功能 代码: $("input[name='onday[]']").each(function(){ }); 第一次 全选和全不选 能很好的工作,但第二次开始 不能全选 将checked改为 true false也不好使 网搜之,说是j...

qingfeng哥 ⋅ 2015/11/06 ⋅ 0

jquery学习笔记(个人向)

代码 <body> <form> 你爱好的运动是? <input type="checkbox" id="CheckedAll" />全选/全不选<br/> <input type="checkbox" name="items" value="足球"/>足球 <input type="checkbox" name=......

沐日starTree ⋅ 2016/06/09 ⋅ 0

全选,全不选,反选效果

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <style> *{margin: 0; padding: 0;} ul{margin: 100px auto; width: 200px;} li{list-style: n......

我输过但从未怕过 ⋅ 2016/05/26 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Java的Excel导出工具类

首先在POM中引入需要的Jar <dependency><groupId>com.alibaba</groupId><artifactId>fastjson</artifactId><version>1.2.47</version></dependency><dependency><groupId>o......

Kxvz ⋅ 4分钟前 ⋅ 0

Java 3DES加密解密

import org.apache.commons.codec.digest.DigestUtils; import org.apache.commons.codec.binary.Base64; //算法代码[java] view plain copy /** * 转换成十六进制字......

说回答 ⋅ 11分钟前 ⋅ 0

php 浮点型计算精度问题

今天碰到一个金额计算的问题,浮点数做差,结果有误(精度有问题)。 $a = floatval('6');$b = floatval('4.99');$m = floatval('1');$r = $a - $b;$r = $r - $m;var_dump($r);//f...

stupidboy ⋅ 33分钟前 ⋅ 0

Mahout推荐算法之SlopOne

一、 算法原理 有别于基于用户的协同过滤和基于item的协同过滤,SlopeOne采用简单的线性模型估计用户对item的评分。如下图,估计UserB对ItemJ的偏好 图(1) 在真实情况下,该方法有如下几个...

xiaomin0322 ⋅ 38分钟前 ⋅ 0

LVM讲解

LVM是什么 LVM是 Logical Volume Manager(逻辑卷管理)的简写,它是Linux环境下对磁盘分区进行管理的一种机制,Linux用户安装Linux操作系统时遇到的一个常见的难以决定的问题就是如何正确地...

李超小牛子 ⋅ 47分钟前 ⋅ 0

mysql更改密码、连接mysql、mysql常用命令

1. 更改mysql的root账户密码: mysql中root账户和系统root不是一个账户 1.1 更改环境变量PATH,增加mysql绝对路径 由于mysql安装目录为/usr/local/mysql/,所以系统不能直接使用mysql,需把/...

laoba ⋅ 49分钟前 ⋅ 0

阿里云发布企业数字化及上云外包平台服务:阿里云众包平台

摘要: 阿里云正式发布旗下众包平台业务(网址:https://zhongbao.aliyun.com/),支持包括:网站定制开发,APP、电商系统等软件开发,商标、商品LOGO、VI、产品包装设计、营销推广、大数据人...

猫耳m ⋅ 49分钟前 ⋅ 0

阿里云发布企业数字化及上云外包平台服务:阿里云众包平台

摘要: 阿里云正式发布旗下众包平台业务(网址:https://zhongbao.aliyun.com/),支持包括:网站定制开发,APP、电商系统等软件开发,商标、商品LOGO、VI、产品包装设计、营销推广、大数据人...

阿里云云栖社区 ⋅ 52分钟前 ⋅ 0

1.03-Maven中使用ueditor富文本编辑器

起因:在maven仓库未找到百度的ueditor的jar包 操作: 1.下载百度的ueditor的jar包 2.打开命令行,切换到ueditor的下载位置,运行一下命令: mvn install:install-file -Dfile=ueditor-1.1....

静以修身2025 ⋅ 58分钟前 ⋅ 0

几道Spring 面试题

1、BeanFactory 接口和 ApplicationContext 接口有什么区别? ApplicationContext 接口继承BeanFactory接口 Spring核心工厂是BeanFactory BeanFactory采取延迟加载,第一次getBean时才会初始...

职业搬砖20年 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部