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
>
查看全文
相关阅读:
构建之法阅读笔记一
android studio的安装以及配置
github本地上传口令
注册git hub
易用性
第六周学习总结
大型分布式网站架构设计与实践阅读笔记(3)
第五周学习总结
大型分布式网站架构设计与实践阅读笔记(2)
第四周学习总结
原文地址:https://www.cnblogs.com/anson/p/385986.html
最新文章
第一周学习进度总结
第五周
第四周
第三周
第二周
读《大道至简(软件工程老程序员实践者的思想)》
第一周
开发进度2
开发进度1
库存物资管理系统
热门文章
课程管理系统
动手动脑5
动手动脑5
动手动脑4
踪某个类所创建对象的个数
动手动脑3
动手动脑2
Github搜索与查看
Github学习
android 设置隐藏文本内容
Copyright © 2011-2022 走看看