文档章节

checkbox的全选反选以及全不选

ycYinG
 ycYinG
发布于 2016/12/08 15:58
字数 200
阅读 7
收藏 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);
} })

© 著作权归作者所有

上一篇: JQuery边框特效
下一篇: 延时加载
ycYinG
粉丝 1
博文 10
码字总数 4889
作品 0
昌平
程序员
私信 提问
加载中

评论(0)

jQuery实现复选框的全选,全不选,反选

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> .mytable { width: 300px; } .mytable td{height:30px;border:1px solid #aaccff;padding:3p......

osc_zftuyca9
2018/08/16
1
0
【案例】列表全选、全不选、反选

注意点: checkbox.checked = true; checkbox.checked = false; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表全选、全不选、反选</title> </head> <body> <......

osc_3n35hvex
2019/05/23
1
0
jquery cheched 全选/全不选

<!DOCTYPE html> <html> <head> <title>Jquery复选框练习</title> <!-- 引入jQuery,引入你自己的jQuery文件 --> <script type="text/javascript" src="../scripts/jquery-1.7.2.js"></scri......

osc_l745c1nv
2018/04/01
4
0
jQuery实现获取选中复选框的值

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Jquery复选框练习</title> <!-- 引入jQuery,引入你自己的jQuery文件 --> <script type="text/javascript" src="jquery.min.j......

osc_2uzytk1r
2018/12/18
1
0
js复选框实现全选、全不选、反选

复选框为checkbox对象 通过input就可以将一个简单的复选框呈现在页面上 <input type="checkbox" /> 要实现的大概就是这样一个页面 思路 全选 因为要得到复选框数组,而id又不能重复。所以通过...

osc_m8gznli2
2019/07/08
3
0

没有更多内容

加载失败,请刷新页面

加载更多

python+selenium自动化框架搭建

很多人想要项目源码之前都是加我QQ之后一个一个发的,这样有点麻烦,所以我就建了一个群,完整的项目文件放在里面了有需要的直接加这个群,其他的资料我也会放在里面。群里都是一些学习自动化...

osc_twlari2q
6分钟前
14
0
Dash 5 for Mac 5.1.6 好用的API文档工具

Dash for mac是使用与Mac OS平台的软件编程文档管理工具,Dash 5 Mac破解版可以浏览API文档,以及管理代码片段工具。Dash自带了丰富的API文档,涉及各种主流的编程语言和框架。 Dash是一个A...

麦克W
8分钟前
9
0
关于百度地图js api的getCurrentPosition定位不准确的解决方法

很久之前帮大叔解决了一个gps坐标转换为百度地图坐标的问题。今天大叔又给我讲百度地图定位不准。我查了一下api,用了官方给出的这样一组函数。 1 //创建查询对象 2 var geolocation = ne...

osc_wl6d9wri
8分钟前
18
0
12章节 Samba、NFS文件共享服务 13章节 bind域名解析服务

12.1 SAMBA文件共享服务 FTP文件传输服务确实可以让主机之间的文件传输变得简单方便,但是FTP协议的本质是传输文件,而非共享文件。 1991年,当时还在读大学的Tridgwell,为了解决Linux系统与...

bpqd2020
9分钟前
8
0
XGBoost 重要参数(调参使用)

XGBoost 重要参数(调参使用) 数据比赛Kaggle,天池中最常见的就是XGBoost和LightGBM。 模型是在数据比赛中尤为重要的,但是实际上,在比赛的过程中,大部分朋友在模型上花的时间却是相对较少的...

osc_kedi1mvz
9分钟前
20
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部