文档章节

jquery对checkbox的取值问题

mifans
 mifans
发布于 2016/06/22 09:19
字数 223
阅读 8
收藏 0
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
	</head>
	<body>
		<div>
		<input type="checkbox" value="2" name="name" onchange="checkOption()" >管理员</input>
		<input type="checkbox" value="2" name="name" onchange="checkOption()">管理员</input>
		<input type="checkbox" value="2" name="name" onchange="checkOption()" >管理员</input>
		<input type="checkbox" value="2" name="name"  onchange="checkOption()">管理员</input>
		<input type="checkbox" value="2" name="name" onchange="checkOption()">管理员</input>
		<input type="checkbox" value="2" name="name" onchange="checkOption()" >管理员</input>
		</div>
		<input type="checkbox" id="selectOption" onchange="allselected()"/>全选/全不选
		
	</body>
	<script type="application/javascript">
//		$(function(){
//		$("#selectOption").click(function (){
//			$("input[name='name']:checkbox").each(function(){ 
//				alert($("#selectOption").attr("checked"));
//				   if(true==$("#selectOption").attr("checked")){
//				   	this.checked=true;
//				   }else{
//				   	this.checked=false;
//				   }
//				   
//			});
//		});
		
//		});
        var flag=true;
 		function allselected(){
 			$("input[name='name']:checkbox").each(function(){ 
				   this.checked=flag;
				  
			});
			 flag=!flag;
 		}

		function checkOption(){
			$("input[name='name']:checkbox").each(function(){ 
				   if (false == this.checked) {
				   	  $("#selectOption").attr("checked",false);
				   }
			});
			
		}
	</script>
</html>

点击全选,全不选,

checkbox子集点击可触发检查,若没有全选,则取消全选按钮的选中

© 著作权归作者所有

共有 人打赏支持
mifans
粉丝 10
博文 203
码字总数 102329
作品 0
海淀
程序员
网站开发进阶(五十三)浅谈JS、Ajax、JQuery之间的关系

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sunhuaqiang1/article/details/82530844 网站开发进阶(五十三)浅谈JS、Ajax、JQuery之间的关系 在项目开发过...

孙华强
09/08
0
0
jquery radio取值,checkbox取值,select取值,radio选中,checkbo

一、jquery取radio单选按钮的值 $("input[name='items']:checked").val(); 另:判断radio是否选中并取得选中的值 如下所示: function checkradio(){ var item = $(":radio:checked"); var l......

乐派电影
2014/03/31
0
0
jquery版本间兼容性:checkbox选中状态

最近在学习Jquery,发现attr不太好用,从网上搜了下终于知道其原因,记下备查。 以下为以为网友在js贴吧的内容: 以<input type="checkbox" id="all"/>为例子取值的例子 $("#all").attr("ch...

北方攻城师
2014/08/05
0
0
jquery form元素操作

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("o......

remainvitality
2013/10/25
0
0
转-JQuery选择器及radio,checkbox,select取值和反选

jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元...

huntering
2015/08/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

一个可能的NEO链上安全随机数解决方案

0x00 困境 链上安全随机数生成应该算是一个比较蛋疼的问题,哪怕你的系统再牛逼,合约程序困在小小的虚拟机里,哪怕天大的本事也施展不开。 更悲催的是,交易执行的时候,是在每一个节点都执...

暖冰
今天
1
0
【大福利】极客时间专栏返现二维码大汇总

我已经购买了如下专栏,大家通过我的二维码你可以获得一定额度的返现! 然后,再给大家来个福利,只要你通过我的二维码购买,并且关注了【飞鱼说编程】公众号,可以加我微信或者私聊我,我再...

飞鱼说编程
今天
1
0
Spring5对比Spring3.2源码之容器的基本实现

最近看了《Spring源码深度解析》,该书是基于Spring3.2版本的,其中关于第二章容器的基本实现部分,目前spring5的实现方式已有较大改变。 Spring3.2的实现: public void testSimpleLoad(){...

Ilike_Java
今天
1
0
【王阳明心学语录】-001

1.“破山中贼易,破心中贼难。” 2.“夫万事万物之理不外于吾心。” 3.“心即理也。”“心外无理,心外无物,心外无事。” 4.“人心之得其正者即道心;道心之失其正者即人心。” 5.“无...

卯金刀GG
今天
2
0
OSChina 周三乱弹 —— 我们无法成为野兽

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @ _刚刚好: 霸王洗发水这波很骚 手机党少年们想听歌,请使劲儿戳(这里) hahahahahahh @嘻酱:居然忘了喝水。 让你喝可乐的话, 你准忘不了...

小小编辑
今天
15
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部