这里就需要引入一个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. linux常用命令(4)rm命令

    rm是一个危险的命令,使用的时候要特别当心,尤其对于新手,否则整个系统就会毁在这个命令(比如在/(根目录)下执行rm * -rf).所以,我们在执行rm之前最好先确认一下在哪个目录,到底要删除什么东西 ...

  2. iOS的launch image --备用

    当我们打开一款应用程序的时候,首先映入眼帘的往往并不是程序的主界面,而是经过精心设计的欢迎界面,这个界面通常会停留几秒钟,然后消失.看似很平常的一个小小的欢迎界面,其实还大有讲究. 一.为什么会出现欢 ...

  3. 转:Java架构师与开发者提高效率的10个工具

    原文来自于:http://www.importnew.com/14624.html Java受到全球百万计开发者的追捧,已经演变为一门出色的编程语言.最终,这门语言随着技术的变化,不断的被改善以迎合变 ...

  4. BZOJ 1015 星球大战

    Description 很久以前,在一个遥远的星系,一个黑暗的帝国靠着它的超级武器统治者整个星系.某一天,凭着一个偶然的机遇,一支反抗军摧毁了帝国的超级武器,并攻下了星系中几乎所有的星球.这些星球通过 ...

  5. [BZOJ 1068] [SCOI2007] 压缩 【记忆化搜索】

    题目链接:BZOJ - 1068 题目分析 这种记忆化搜索(区间 DP) 之前就做过类似的,也是字符串压缩问题,不过这道题稍微复杂一些. 需要注意如果某一段是 S1S1 重复,那么可以变成 M + S ...

  6. Inna and Sequence

    Codeforces Round #220 (Div. 2) D:http://codeforces.com/contest/374/problem/D 题意:给你m个数,这m个数是递增的.然后给你n ...

  7. linux vi查找命令

    linux vi查找命令   div id="article_content" class="article_content">  使用vi编辑器编辑长文 ...

  8. 轮值CEO胡厚崑：到2025年所有的企业都将用到云（云的2.0时代，会有几千朵云几万朵云升起来，这将产生不同的技术模式、商业模式、思维模式）

    2016年09月04日 07:38 中国经营报   李凡 在全国工商联“2016年中国民营企业500强”排行榜上夺得头把交椅的华为,向外界描绘了面向未来进一步做大做强的路径. 华为创始人任正非于201 ...

  9. 中文简体windows CMD显示中文乱码解决方案

    因为重装系统,以前是英文的,现在的镜像文件是中文简体windows 10.所以只能将就使用. 下载了JDK,CMD 写了命令java,结果一堆乱码(问号???).发现System的locale默认设置 ...

  10. bzoj3505

    ans=C((n+1)*(m+1),3)-三点一线的情况横线竖线我们可以先去掉然后考虑斜线,由于对称性我们只要考虑斜率大于0的即可有一个很显然的结论,但两点坐标差为x,y时,这条线段上的点数为gcd( ...