zoukankan
html css js c++ java
脚本实现CheckBox父选中,子全选中,子选中父也选中!
<
FORM
id
=weaver
name
=frmmain
action
="DocUserDefaultOperation.jsp"
method
=post
>
<
input
type
="hidden"
name
="id"
value
=1
>
<
table
class
=Form
>
<
tr
class
=Section
>
<
TH
colSpan
=2
>
字段
</
TH
>
</
tr
>
<
TR
class
=Separator
>
<
TD
class
=Sep1
colSpan
=2
></
TD
>
</
TR
>
<
tr
class
=field
>
<
td
width
="50%"
>
<
input
type
="checkbox"
name
="hascreater"
value
="1"
checked
>
所有者
</
td
>
<
td
width
="50%"
>
<
input
type
="checkbox"
name
="hasdocid"
value
="1"
checked
>
标识
</
td
>
</
tr
>
<
tr
class
=field
>
<
td
width
="50%"
>
<
input
type
="checkbox"
name
="hascreatedate"
value
="1"
checked
>
创建日期
</
td
>
<
td
width
="50%"
>
<
input
type
="checkbox"
name
="hascategory"
value
="1"
checked
>
主目录/分目录/子目录
</
td
>
</
tr
>
<
tr
class
=field
>
<
td
width
="50%"
>
<
input
type
="checkbox"
name
="hascreatetime"
value
="1"
checked
>
修改日期时间
</
td
>
<
td
width
="50%"
>
<
input
type
="checkbox"
name
="hasreplycount"
value
="1"
checked
>
显示回复总数
</
td
>
</
tr
>
<
tr
class
=field
>
<
td
width
="50%"
>
</
td
>
<
td
width
="50%"
>
<
input
type
="checkbox"
name
="hasaccessorycount"
value
="1"
checked
>
显示附件总数
</
td
>
</
tr
>
<
tr
class
=Section
>
<
TH
colSpan
=2
>
显示
</
TH
>
</
tr
>
<
TR
class
=Separator
>
<
TD
class
=Sep1
colSpan
=2
></
TD
>
</
TR
>
<
tr
class
=field
>
<
td
>
每页记录
<
input
type
="text"
class
=saveHistory
name
="numperpage"
value
=50
size
="3"
maxlength
=2
onKeyPress
="ItemCount_KeyPress()"
onBlur
='checknumber1(this)'
>
条
</
td
>
</
tr
>
<
tr
class
=Section
>
<
TH
colSpan
=2
>
主目录 - 目录
</
TH
>
</
tr
>
<
TR
class
=Separator
>
<
TD
class
=Sep1
colSpan
=2
></
TD
>
</
TR
>
<
tr
>
<
td
width
="50"
>
主目录
</
td
>
<
td
width
="50%"
></
td
>
</
tr
>
<
tr
>
<
td
width
="50%"
align
="center"
>
分目录
</
td
>
<
td
width
="50%"
></
td
>
</
tr
>
<
tr
><
td
colspan
=2
></
td
></
tr
>
<
TR
><
TD
class
=Sep1
colSpan
=2
></
TD
></
TR
>
<
tr
class
=field
>
<
td
width
="50%"
align
=left
valign
=top
>
<
table
class
=Form
>
<
tr
class
=field
>
<
td
colspan
=2
align
=left
>
<
input
type
="checkbox"
name
="m12"
value
="M12"
onclick
="checkMain('12')"
checked
>
<
b
>
系统使用
</
b
>
</
td
></
tr
>
<
tr
class
="field"
>
<
td
width
="20%"
></
td
>
<
td
>
<
input
type
="checkbox"
name
="s12"
value
="S27"
onclick
="checkSub('12')"
checked
>
系统使用规范
</
td
></
tr
>
<
tr
class
="field"
>
<
td
width
="20%"
></
td
>
<
td
>
<
input
type
="checkbox"
name
="s12"
value
="S28"
onclick
="checkSub('12')"
checked
>
系统功能介绍
</
td
></
tr
>
</
table
>
<
table
class
=Form
>
<
tr
class
=field
>
<
td
colspan
=2
align
=left
>
<
input
type
="checkbox"
name
="m7"
value
="M7"
onclick
="checkMain('7')"
checked
>
<
b
>
会议资料
</
b
>
</
td
></
tr
>
<
tr
class
="field"
>
<
td
width
="20%"
></
td
>
<
td
>
<
input
type
="checkbox"
name
="s7"
value
="S12"
onclick
="checkSub('7')"
checked
>
会议资料
</
td
></
tr
>
</
table
>
</
td
><
td
align
=left
valign
=top
>
</
tr
>
</
table
>
</
form
>
<
script
>
function
checkMain(id)
{
len
=
document.frmmain.elements.length;
var
mainchecked
=
document.all(
"
m
"
+
id).checked ;
var
i
=
0
;
for
( i
=
0
; i
<
len; i
++
)
{
if
(document.frmmain.elements[i].name
==
's'
+
id)
{
document.frmmain.elements[i].checked
=
mainchecked ;
}
}
}
function
checkSub(id)
{
len
=
document.frmmain.elements.length;
var
i
=
0
;
for
( i
=
0
; i
<
len; i
++
)
{
if
(document.frmmain.elements[i].name
==
's'
+
id)
{
if
(document.frmmain.elements[i].checked)
{
document.all(
"
m
"
+
id).checked
=
true
;
return
;
}
}
}
document.all(
"
m
"
+
id).checked
=
false
;
}
function
onSave()
{
if
(document.all(
"
numperpage
"
).value
!=
""
&&
document.all(
"
numperpage
"
).value
*
1
<=
0
)
{
alert(
"
每页记录条数必须大于零
"
);
return
;
}
frmmain.submit();
}
</
script
>
查看全文
相关阅读:
DES介绍
jsp知识点
浏览器地址传中文
cookie
null与“ ”的区别
验证二叉查找树 · Validate Binary Search Tree
二叉树中的最大路径和 · Binary Tree Maximum Path Sum
最近公共祖先 · Lowest Common Ancestor
平衡二叉树Balanced Binary Tree
二叉树的最大/小/平衡 深度 depth of binary tree
原文地址:https://www.cnblogs.com/anson/p/385986.html
最新文章
css3动画添加间隔
CSS通过text-transform实现大写、小写和首字母大写转换
css如何设置不可点击?
设置网页浏览器标签小图标
css文字不透明度怎么设置?
机器学习实战基础(七):创建多项式回归器
机器学习实战基础(六):创建岭回归器
机器学习实战基础(五):保存模型数据
机器学习实战基础(四):计算回归准确性
python 生成器(五):生成器实例(一)创建数据处理管道
热门文章
如何进入大数据领域,学习路线是什么?
维数灾难
python 生成器(四):生成器基础(四)标准库中的生成器函数
python 生成器(三):生成器基础(三)生成器表达式
python 生成器(二):生成器基础(二)惰性实现
浅谈session,cookie,sessionStorage,localStorage的区别及应用场景
RSA介绍
Tcp与Http
SecureRandom
fastjson
Copyright © 2011-2022 走看看