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> ...
随机推荐
- map和lambda
同事问我python里,比如一个列表: a = ['1', '2', '3'] 如何变成: b = ['1x', '2x', '3x'] 好吧,果断不知道-原来pthon中有map函数,查看帮助文档: ...
- shell条件测试
文件状态测试-b filename : 当filename 存在并且是块文件时返回真(返回0)-c filename : 当filename 存在并且是字符文件时返回真-d pathname : 当p ...
- 如何更好辨认House of hello恶搞包的真假
相信很多朋友都知道houseofhello恶搞包这个品牌,甚至很多朋友都买过,首先呢,她是恶搞包,算自主品牌,它无淘宝店,更没有所谓的香港实体店.因为这品牌受到广大朋友的狂热,导致无数仿品的出现,淘宝 ...
- Node.js缓冲器
纯JavaScript是Unicode友好的,但对二进制数据不是很好.当与TCP流或文件系统打交道时,有必要处理字节流. Node提供缓冲器类,它提供实例来存储原始数据相似的一个整数数组,但对应于在V ...
- hdu 5144 NPY and shot
http://acm.hdu.edu.cn/showproblem.php?pid=5144 题意:给你初始的高度和速度,然后让你求出水平的最远距离. 思路:三分枚举角度,然后根据公式求出水平距离. ...
- 辉哥用的这种方法实现ZABBIX的MYSQL批量监控
不错的.集中和分布式,总是一对要解决的问题.应该可以再想更好的策略~~ 一.方案需求及思路 因跑MySQL服务的服务器比较多,并且每台服务器可能会运行多个不同端口的数据库,如果单独手动一台一台去修改a ...
- cognos启动报错
[ ERROR ] Content Manager is unable to process your request because an unexpected event occurred in ...
- Pie（二分）
ime Limit: 1000MS Memory Limit: 65536K Total Submissions: 8930 Accepted: 3235 Special Judge De ...
- BZOJ 1072 [SCOI2007]排列perm
1072: [SCOI2007]排列perm Time Limit: 10 Sec Memory Limit: 162 MBSubmit: 1268 Solved: 782[Submit][Sta ...
- Linux kernel ‘fib6_add_rt2node’函数安全漏洞
漏洞名称: Linux kernel ‘fib6_add_rt2node’函数安全漏洞 CNNVD编号: CNNVD-201307-265 发布时间: 2013-07-16 更新时间: 2013-07 ...