文档章节

checkbox的全选反选以及全不选

ycYinG
 ycYinG
发布于 2016/12/08 15:58
字数 200
阅读 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
昌平
程序员
JavaScript 基础--- (经典案例)

案例一:全选练习 ** 使用复选框上面一个属性判断是否选中 - checked属性 - checked=true:选中 - checked=false:不选中 创建一个页面 * 复选框和按钮 - 四个复选框表示爱好 - 还有一个复选...

姜白告
08/01
0
0
JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

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

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

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

码农般的学良
2016/11/25
3
0
JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

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

Louis_88
2015/10/07
265
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
4
0

没有更多内容

加载失败,请刷新页面

加载更多

visualVm 中的 visual GC说明

visual GC 不是 visualVM 自带的,需要安装插件。 步聚:菜单栏 (Tools) - > plugins - > Avaiable Plugins 中就选择安装 Spaces: 各个分代的内存使用情况。 特别说明:风格有分灰色部分,...

Canaan_
昨天
1
0
学习设计模式——生成器模式

1. 认识生成器模式 1. 定义:将一个复杂对象的构建与它的表示分离,使得同样的构建过程可以创建不同的表示 2. 组成: Builder:生成器接口,定义创建一个Product对象所需要的各个组件的操作,...

江左煤郎
昨天
0
0
C语言精要(第二章:基本数据类型)

2.1 C语言基本数据类型 在计算机术语中,把⼆进制数中的某⼀位数又称为⼀个⽐特(bit)。⽐特这个单位对于计算机⽽⾔,在度量上是最⼩的单位。除了⽐特之外,还有字节(byte)这个术语。⼀个...

ryanliue
昨天
0
0
实现下拉菜单多选框效果

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><li>工作意愿地:<%-- <c:forEach items="${list}" var="list"><input type="checkbox" value="${list......

lanjian28
昨天
1
0
scala的视图界定

在上一篇帧子的代码中,如果main函数中不是用字符串而是用数字则程序不能正常编译: class Pair[T <: Comparable[T]](val first:T,val second:T) //类型T必须要是Comparable接口的子类(即...

whoisliang
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部