这里就需要引入一个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 动态控制复选框的选择和取消的更多相关文章

  1. springMVC 复选框带有选择项记忆功能的处理

    前言:由于jsp管理页面经常会遇到复选框提交到JAVA后台,后台处理逻辑完成后又返回到jsp页面,此时需要记住jsp页面提交时复选框的选择状态,故编写此功能! 一.复选框的初始化 1.1.jsp页面 ...

  2. javascript 操作复选框无效

    <script type="text/javascript"> // 操作checkbox复选框按钮 var inputs = $('#article_list').f ...

  3. JavaScript：复选框事件的处理

    复选框事件的处理 复选框本身也是多个组件的名字相同.所以在定义复选框的同事依然要使用document.all()取得全部的内容. 范例:操作复选框,要求是可以一个个去选择选项,也可以直接全选,全选按钮 ...

  4. 用jquery修改默认的单选框radio或者复选框checkbox选择框样式

    默认的radio和checkbox选框很难看.我去看了一下qq注册的页面.发现单选和复选框并没有用<input>,居然是用是A标签.然后用css背景图片展示选择框,用JavaScript控 ...

  5. ExtJS表格——行号、复选框、选择模型

    本篇的内容是为表格添加行号,和复选框,最后谈一下Ext的选择模型.内容比较简单,就直接上代码了.一. 设置行号   行号的设置主要问题在于删除某一行后需要重新计算行号  Ext.onReady(fun ...

  6. javascript实现复选框的全选全不选

    通过复选框的id获取到复选框 元素 对复选框绑定点击事件 每个checkbox都设置相同的name checkOne 通过得到的元素获取checkbox的状态 当点击全选全不选checkbox时,检查 ...

  7. Javascript 统计复选框选中个数

    var checked = document.getElementsByName("checked_c[]"); var checked_counts = 0; for(var i ...

  8. javascript练习----复选框全选，全不选，反选

    第一种方式: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT ...

  9. javascript实现复选框单选多选！

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

随机推荐

  1. 转 四大Java EE容器(Tomcat、JBoss、Resin、Glassfish)之简单比较

                                      现在流行的Java EE容器有很多:Tomcat.JBoss.Resin.Glassfish等等.下面对这四种Java EE容器进行 ...

  2. ComponentOne的C1Chart做饼状图怎么显示其百分比

    问题:ComponentOne的C1Chart做饼状图怎么显示每部分的百分比 描述: 我用C1Chart做饼状图的时候,不知道怎么显示其百分比在对应的区域上,求解. 目前做的效果(附加代码所生成的饼状 ...

  3. OTP语音芯片和掩模语音芯片（mask）的区别

    OTP(One Time Programable)是MCU的一种存储器类型,意思是一次性可编程:程序烧入IC后,将不可再次更改和:因此OTP语音芯片就是指一次性烧录的语音IC. 从OTP定义上来看,只 ...

  4. paip.提升用户体验-----c++ gcc 命令在notepad++扩展中的配置..

    paip.提升用户体验-----c++ gcc 命令在notepad++扩展中的配置.. 作者Attilax ,  EMAIL:1466519819@qq.com  来源:attilax的专栏 地址: ...

  5. 【HDOJ】4704 Sum

    数学题.f(n) = 2^(n-1) mod (1e9+7). #include <cstdio> #define MAXN 100005 char buf[MAXN]; __int64 ...

  6. hihoCoder 1392 War Chess 【模拟】 (ACM-ICPC国际大学生程序设计竞赛北京赛区(2016)网络赛)

    #1392 : War Chess 时间限制:1000ms 单点时限:1000ms 内存限制:256MB 描述 Rainbow loves to play kinds of War Chess gam ...

  7. 《编写高质量代码——Web前端开发修炼之道》读后随笔

    结构样式行为的分离 结构标准包括XML标准.XHTML标准.HTML标准:样式标准有CSS标准:行为标准主要包括DOM标准和ECMAScript标准. 通常的项目会按照如上的方式进行分离,但自己曾今做 ...

  8. Codeforces Round #216 (Div. 2) E. Valera and Queries 树状数组 离线处理

    题意:n个线段[Li, Ri], m次询问, 每次询问由cnt个点组成,输出包含cnt个点中任意一个点的线段的总数. 由于是无修改的,所以我们首先应该往离线上想, 不过我是没想出来. 首先反着做,先求 ...

  9. Java 自动装箱和拆箱

    JDK1.5之后的功能 自动装箱:指的是开发人员可以把一个基本数据类型直接赋给对应的包装类 自动拆箱:指开发人员可以把一个包装类对象直接赋给对应的基本数据类型 public static void m ...

  10. Linux 数学运算

    let 命令 a= b= let c=a+B echo $c let a++ let b++ echo $a $b []方法 a= b= echo $[a+b] echo $[$a+$b] (()) ...