javascript 动态控制复选框的选择和取消

这里就需要引入一个jquery-1.4.2.js 就行了，因为用到了里面的选择器

<html>

<head>

<script type="text/javascript" src="jquery-1.4.2.js"></script>

<script type="text/javascript">

 	function CheckBox(){

		var outupType = $('input[name="outupType"]:checked').val();

		var outuparray = $('input[name="outupType"]').length;

		var i=0;

		var scheck = 	$('input[name="outupType"]')[i].checked;

		var scheck1 = 	$('input[name="outupType"]')[i+1].checked;

		var scheck2 =	$('input[name="outupType"]')[i+2].checked;

		var scheck3 =	$('input[name="outupType"]')[i+3].checked;

		var scheck4 =	$('input[name="outupType"]')[i+4].checked;

		if(scheck == true ){

			$('input[name="outupType"]')[i+1].checked = true;

			$('input[name="outupType"]')[i+2].checked = true;

			$('input[name="outupType"]')[i+3].checked = true;

			$('input[name="outupType"]')[i+4].checked = true;

		}else{

			$('input[name="outupType"]')[i+1].checked = false;

			$('input[name="outupType"]')[i+2].checked = false;

			$('input[name="outupType"]')[i+3].checked = false;

			$('input[name="outupType"]')[i+4].checked = false;

		}

	}

	function CheckBoxs(){

		var i=0;

		var scheck = 	$('input[name="outupType"]')[i].checked;

		var scheck1 = 	$('input[name="outupType"]')[i+1].checked;

		var scheck2 =	$('input[name="outupType"]')[i+2].checked;

		var scheck3 =	$('input[name="outupType"]')[i+3].checked;

		var scheck4 =	$('input[name="outupType"]')[i+4].checked;

		if(scheck1==true && scheck2 == true && scheck3 == true && scheck4 == true){

			$('input[name="outupType"]')[i].checked  = true;

		}else{

			$('input[name="outupType"]')[i].checked  = false;

		}

	}

</script>

</head>

<body>

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

<!-- 出力内容  BEGIN -->

		<tr height="25" class="tyouhyou_8pt">

		<td bgcolor="#FFB56A" width="65" align="center">出力内容</td>

		<td align="left">

			<table>

			<tr>

				<td width="90"><input type="checkbox" onclick="CheckBox()" name="outupType" value="1" />全項目選択</td>

			</tr>

			<tr>

				<td width="90"><input type="checkbox" onclick="CheckBoxs()" name="outupType" value="2" />個人情報</td>

			</tr>

			<tr>

				<td width="90"><input type="checkbox" onclick="CheckBoxs()" name="outupType" value="3" />緊急連絡先</td>

			</tr>

			<tr>

				<td width="90"><input type="checkbox" onclick="CheckBoxs()" name="outupType" value="4" />金融機関</td>

			</tr>

			<tr>

				<td width="160"><input type="checkbox"  onclick="CheckBoxs()"name="outupType" value="5" />職業　服・靴のサイズ</td>

			</tr>

			</table>

		</td>

		</tr>

		</body>

	<!-- 出力内容  END -->

	</html>

javascript 动态控制复选框的选择和取消的更多相关文章

springMVC 复选框带有选择项记忆功能的处理
前言:由于jsp管理页面经常会遇到复选框提交到JAVA后台,后台处理逻辑完成后又返回到jsp页面,此时需要记住jsp页面提交时复选框的选择状态,故编写此功能! 一.复选框的初始化 1.1.jsp页面 ...
javascript 操作复选框无效
<script type="text/javascript"> // 操作checkbox复选框按钮 var inputs = $('#article_list').f ...
JavaScript：复选框事件的处理
复选框事件的处理复选框本身也是多个组件的名字相同.所以在定义复选框的同事依然要使用document.all()取得全部的内容. 范例:操作复选框,要求是可以一个个去选择选项,也可以直接全选,全选按钮 ...
用jquery修改默认的单选框radio或者复选框checkbox选择框样式
默认的radio和checkbox选框很难看.我去看了一下qq注册的页面.发现单选和复选框并没有用<input>,居然是用是A标签.然后用css背景图片展示选择框,用JavaScript控 ...
ExtJS表格——行号、复选框、选择模型
本篇的内容是为表格添加行号,和复选框,最后谈一下Ext的选择模型.内容比较简单,就直接上代码了.一. 设置行号行号的设置主要问题在于删除某一行后需要重新计算行号 Ext.onReady(fun ...
javascript实现复选框的全选全不选
通过复选框的id获取到复选框元素对复选框绑定点击事件每个checkbox都设置相同的name checkOne 通过得到的元素获取checkbox的状态当点击全选全不选checkbox时,检查 ...
Javascript 统计复选框选中个数
var checked = document.getElementsByName("checked_c[]"); var checked_counts = 0; for(var i ...
javascript练习----复选框全选，全不选，反选
第一种方式: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT ...
javascript实现复选框单选多选！
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

随机推荐

新建maven project遇到的问题
在m2e安装成功之后,开始创建maven project了,但是出现了如下错误: 结果在很偶然的情况下让我解决了,就是更新下m2.respository,点击下图中的Update Settings -
Unity3D Quaternion各属性和函数测试
Quaternion属性与方法一,属性: x.y.z就不说了,只看一个eulerAngles,代码如下: public Quaternion rotation = Quaternion.identi ...
cf E. George and Cards
http://codeforces.com/contest/387/problem/E 题意:给你n个数,然后在输入k个数,这k个数都在n个数中出现,进行每一次操作就是在n个数中选择长度为w的连续序列 ...
JavaScript+CSS实现经典的树形导航栏
在一些管理系统里面,一般右侧都会有树形的导航栏,点击一下就会出现下拉菜单,显示出来该父菜单下面的子菜单项目,然后配以图片,和CSS的效果,可以说是非常常用的功能,现在做一个项目,正好用到这个功能,于 ...
【HDOJ】2289 Cup
二分.另外,圆台体积为v = PI*(r*r+r*R+R*R)*H/3.注意精度. #include <cstdio> #include <cmath> #define exp ...
物理卷操作命令：pvcreate,pvscan,pvdisplay.卷组操作命令：vgcreate,vgdisplay.
新硬盘创建LVM系统过程. 物理卷操作命令:pvcreate,pvscan,pvdisplay. 卷组操作命令:vgcreate,vgdisplay. 逻辑卷操作命令:lvcreate,lvdispl ...
CF-164C. Machine Programming(最小费用最大流)
题意: 给你n个任务,k个机器,n个任务的起始时间,持续时间,完成任务的获利每个机器可以完成任何一项任务,但是同一时刻只能完成一项任务,一旦某台机器在完成某项任务时,直到任务结束,这台机器都不能去做 ...
【转】android中重复连接ble设备导致的连接后直接返回STATE_DISCONNECTED的解决办法---不错不错，重新连接需要花费很长的时间
原文网址:http://bbs.eeworld.com.cn/thread-438571-1-1.html /* * 通过使用if(gatt==null ...
【最大流】BAPC2014 A Avoiding the Apocalypse (Codeforces GYM 100526)
题目链接: http://codeforces.com/gym/100526 http://acm.hunnu.edu.cn/online/?action=problem&type=show& ...
N - Is It A Tree?（判断环）
题意,就是判断这点点是不是组成的一颗树,也就是判断是否有环,就是没看出来如果是森林怎么办,试一试吧,最可恶的还没有说有多少节点.....就是个坑 /////////////////////////// ...

javascript 动态控制复选框的选择和取消

javascript 动态控制复选框的选择和取消的更多相关文章

随机推荐

热门专题