文档章节

jquery对checkbox的取值问题

mifans
 mifans
发布于 2016/06/22 09:19
字数 223
阅读 9
收藏 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
粉丝 11
博文 203
码字总数 102329
作品 0
海淀
程序员
私信 提问
jquery 学习

1.常见的jquery 对象操作 jquery取radio单选按钮的值 $("input[name='items']:checked").val(); jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相...

晨曦之光
2012/03/09
63
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
网站开发进阶(五十三)浅谈JS、Ajax、JQuery之间的关系

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

孙华强
09/08
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通过id显示隐藏

var $div3 = $('#div3'); 显示 $div3.show(); 隐藏 $div3.hide();

yan_liu
今天
3
0
《乱世佳人》读书笔记及相关感悟3900字

《乱世佳人》读书笔记及相关感悟3900字: 之前一直听「荔枝」,后来不知怎的转向了「喜马拉雅」,一听就是三年。上班的时候听房产,买房了以后听装修,兴之所至时听旅行,分手后听亲密关系,...

原创小博客
今天
3
0
大数据教程(9.6)map端join实现

上一篇文章讲了mapreduce配合实现join,本节博主将讲述在map端的join实现; 一、需求 实现两个“表”的join操作,其中一个表数据量小,一个表很大,这种场景在实际中非常常见,比如“订单日志...

em_aaron
今天
3
0
cookie与session详解

session与cookie是什么? session与cookie属于一种会话控制技术.常用在身份识别,登录验证,数据传输等.举个例子,就像我们去超市买东西结账的时候,我们要拿出我们的会员卡才会获取优惠.这时...

士兵7
今天
3
0
十万个为什么之为什么大家都说dubbo

Dubbo是什么? 使用背景 dubbo为什么这么流行, 为什么大家都这么喜欢用dubbo; 通过了解分布式开发了解到, 为适应访问量暴增,业务拆分后, 子应用部署在多台服务器上,而多台服务器通过可以通过d...

尾生
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部