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

随机推荐

lpad rpad
Lpad()函数的用法:lpad函数将左边的字符串填充一些特定的字符其语法格式如下: lpad(string,n,[pad_string]) string:可是字符或者参数 ...
Qt中暂停线程的执行（利用QMutex，超级简单明了）
在线程中定义一个信号量: QMutex pause;把run()函数中循环执行的部分用信号量pause锁住: void run() { while(1) { pause.lock(); //循环执行的 ...
带你走进EJB--MDB实现发送邮件(1)
在实际的项目中我们有这样的需求,用户注册网站成功之后系统会自动的给注册用户发送注册成功通知邮件,而发送通知邮件的具体过程我们可以通过MDB来实现. 在用MDB来实现发送通知过程之前我们需要先了解一下J ...
【转】java提高篇（二三）-----HashMap
原文网址: http://www.cnblogs.com/chenssy/p/3521565.html HashMap也是我们使用非常多的Collection,它是基于哈希表的 Map 接口的实现,以 ...
数据结构(主席树)：COGS 2211. 谈笑风生
2211. 谈笑风生 ★★★★ 输入文件:laugh.in 输出文件:laugh.out 简单对比时间限制:3 s 内存限制:512 MB [问题描述] 设T 为一棵有根树,我们做如下 ...
Codeforces 715B & 716D Complete The Graph 【最短路】 (Codeforces Round #372 (Div. 2))
B. Complete The Graph time limit per test 4 seconds memory limit per test 256 megabytes input standa ...
HDOJ(HDU) 2133 What day is it(认识下Java的Calendar类---日期类)
Problem Description Today is Saturday, 17th Nov,2007. Now, if i tell you a date, can you tell me wha ...
Power Calculus 快速幂计算 (IDA*/打表)
原题:1374 - Power Calculus 题意: 求最少用几次乘法或除法,可以从x得到x^n.(每次只能从已经得到的数字里选择两个进行操作) 举例: x^31可以通过最少6次操作得到(5次乘, ...
PHP实现大文件的上传设置
打开php.ini,首先找到 ;;;;;;;;;;;;;;;; ; File Uploads ; ;;;;;;;;;;;;;;;; 区域,有影响文件上传的以下几个参数: file_uploads = ...
erlang mnesia数据库设置主键自增
Mnesia是erlang/otp自带的分布式数据库管理系统.mnesia配合erlang的实现近乎理想,但在实际使用当中差强人意,总会有一些不足.mnesia数据表没有主键自增的功能,但在mnesi ...

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

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

随机推荐

热门专题