javascript 动态控制复选框的选择和取消
2024-10-18 20:22:41
这里就需要引入一个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>
最新文章
- C语言 &#183; 乘法表
- joson返回数据库的时间格式在前台用js转换
- form表单提交路径action=";"; 时的一种特殊情况
- 【9-20】vimtutor学习笔记
- Android MimeType的用法和几种类型
- ThinkPHP 3.2.2 实现持久登录 ( 记住我 )
- Ohl&#224;l&#224;
- Jquery 禁用 a 标签 onclick 事件30秒后可用
- read op case $op in
- Xcode5和6共处,如何发布应用程序存储
- #DP# ----- OpenJudge数字组合
- 前端基于JQgrid实现自定义列头展示
- Objective-C中整数与字符串的相互转换
- 【转】Asp.NetMve移除HTTP Header中服務器信息Server、X-AspNet-Version、X-AspNetMvc-Version、X-Powered-By:ASP.NET
- Ubuntu下安装sbt
- 查找单链表中倒数第K个位置上的结点,若查找成功返回该节点的data域,若不成功只返回0
- java中定时执行任务
- Spring Boot自动扫描
- MySQL 跨库主从
- android 屏幕旋转 不重新加载oncreate