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> ...

随机推荐

访问Github过慢解决
在这个地址查找响应最快的地址:http://tool.chinaz.com/dns?type=1&host=assets-cdn.github.com&ip= 查找:assets-cd ...
【转】分享II→IV FPGA本人的几个版本电源模块设计的方案
很多人问我FPGA的电源怎么怎么着,当然也有人瞎忽悠乱设计,当然我的设计也不是很完美...这里把我当年第一次设计FPGA,到现在的电源方案,几个演变.分析的过程,给大家讲讲... (1)FPGA电源方 ...
python中xrange与range的异同
转载自:http://ciniao.me/article.php?id=17 >>> range(5) [0, 1, 2, 3, 4] >>> range(1, 5 ...
Java中final、finally和finalize的区别（转）
http://www.cnblogs.com/bluestorm/archive/2012/04/22/2464746.html final 用于声明属性,方法和类,分别表示属性不可变,方法不可覆盖, ...
Flip Game
http://poj.org/problem?id=1753 #include<cstdio> #include<algorithm> #include<string.h ...
24篇Delphi文件操作文章
http://www.cnblogs.com/keyvip/category/268043.html
OLAP 大表和小表并行hash join
一个表50MB 一个表10GB 50M表做驱动表,放在PGA里这时候慢在对对 10g 的全表扫描对10个G扫描块需要开并行我有这样一个算法一个进程读 50mb 8进程来扫描 10gb ...
Linux日志文件系统(EXT4、XFS、JFS)及性能分析
Ext4 ReiserFS Btrfs 等七种文件系统性能比拼自上一篇<Ext2 v.s. Ext3 v.s. Ext4 性能比拼> 发布以来,社会各界纷纷来电来函,给出了“Ext4 我 ...
Qt入门（18）——使用信号和槽连接控件
下面显示了如何使用信号和槽来创建自定义窗口部件,和如何使用更加复杂的方式把它们连接起来. 首先,源文件被我们分成几部分并放在放在t7目录下. t7/lcdrange.h包含LCDRange类定义.t7 ...
AC自动机：BZOJ 2434 阿狸的打字机
2434: [Noi2011]阿狸的打字机 Time Limit: 10 Sec Memory Limit: 256 MBSubmit: 1834 Solved: 1053[Submit][Sta ...

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

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

随机推荐

热门专题