文档章节

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
博文 202
码字总数 102200
作品 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
JQuery操作checkbox、radio

(引自 daysmileface的博客) 例:将多个选中的checkbox的值组装成一个字符串 <script type=text/javascript> function addMem(){ //var followers = document.getElementsByName("followers")......

JAVA_NINA
2011/12/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

shell-日志脚本小实验

1.查找日志2018-8-15,求得那一分钟访问量最大。 #/bin/bash#from cc#2018-8-15#2018-08-15.log 哪一分钟 访问量 最大for d in `ls /data/nginx/logs/`doif [ -a 2018-08-15...

chencheng-linux
昨天
0
0
Android中的设计模式之状态模式

参考 《设计模式:可复用面向对象软件的基础 》5.8 State 状态 对象行为型模式 《Android源码设计模式解析与实战》第7章 随遇而安--状态模式 意图 允许一个对象在其内部状态改变时改变它的行...

newtrek
昨天
0
0
xshell端 vim没有颜色

说明 使用xshell连接服务器的时候,使用vim打开文档没有颜色 解决方法: 1.在更目录home或者etc下找到vim的配置文件vimrc 2.vim打开它找个坑,添加下面这个东西 set t_Co=256 3.保存退出,就...

杉下
昨天
0
0
spring 资料

spring boot http://www.ityouknow.com/springboot/2016/01/06/spring-boot-quick-start.html

zaolonglei
昨天
2
0
TypeScript基础入门 - 函数 - 简介

转载 TypeScript基础入门 - 函数 - 简介 项目实践仓库 https://github.com/durban89/typescript_demo.gittag: 1.1.6 为了保证后面的学习演示需要安装下ts-node,这样后面的每个操作都能直接...

durban
昨天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部