这里就需要引入一个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. 单元测试不是梦,Android+PowerMock系列(1) —— 在Eclipse里搭建测试环境

    单元测试不好搞阿,虽然从TDD角度出发,可测性强的代码很大程度上就代表着好的设计,但是有些情况也是没办法的,比如单例模式,比如Static方法,比如Final类,传统的Mock技术是没办法解决这些问题 ...

  2. Node.js缓冲器

    纯JavaScript是Unicode友好的,但对二进制数据不是很好.当与TCP流或文件系统打交道时,有必要处理字节流. Node提供缓冲器类,它提供实例来存储原始数据相似的一个整数数组,但对应于在V ...

  3. BZOJ 3091 城市旅行

    Description Input Output Sample Input 4 5 1 3 2 5 1 2 1 3 2 4 4 2 4 1 2 4 2 3 4 3 1 4 1 4 1 4 Sample ...

  4. cf C Milking cows

    题意:输入n,然后输入n个数,在n个数中0或1,0代表这头牛向左看,1代表这头牛向右看,问最后最少损失多少牛奶. 思路:贪心,连着的0可以不损失,一旦插入1就会损失牛奶. #include <c ...

  5. C++学习之容器的摸索

    初学容器,容易犯错的地方 1.vector,list和deque都是顺序容器.其中vector和deque都可以通过下标访问,而list不能 2. 容器的begin和end操作 c.begin()返回 ...

  6. bzoj3123

    首先肯定是主席树但这是一类“动态树”,似乎没有什么好的办法那就暴力呗,这里用到启发式合并,即两棵树合并,重建节点少的的那棵可以用并查集维护连通性查询主席树的建立还是和bzoj2588一样 ; type ...

  7. Xcode7真机调试iOS应用程序

    金田 近日苹果发布的新的Xcode7带来了许多特性,比如:swift语言比以前运行更快.功能更强.代码具有更高的可读性.Xcode的测试功能可以帮助用户记录应用程序的行为等,还有我们今天要讲到的Xco ...

  8. 往github上传demo

    一直在github上寻找demo,但怎么传demo上githun呢? http://www.2cto.com/kf/201504/390397.html 首先在github上 new一个reposit ...

  9. 贪心 uvaoj 11134 Fabled Rooks

    Problem F: Fabled Rooks We would like to place n rooks, 1 ≤ n ≤ 5000, on a n×n board subject to the ...

  10. HDOJ 2096 小明A+B

    Problem Description 小明今年3岁了, 现在他已经能够认识100以内的非负整数, 并且能够进行100以内的非负整数的加法计算. 对于大于等于100的整数, 小明仅保留该数的最后两位进 ...