会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
风曲|哟没
博客园
首页
新随笔
联系
订阅
管理
简单JS全选、反选代码
Code
1
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
2
<
html
xmlns
="http://www.w3.org/1999/xhtml"
>
3
<
head
>
4
<
meta
http-equiv
="Content-Type"
content
="text/html; charset=gb2312"
/>
5
<
title
>
简单JS全选、反选代码 - www.webdm.cn
</
title
>
6
<
script
>
7
function
CheckAll(value,obj)
{
8
var
form
=
document.getElementsByTagName(
"
form
"
)
9
for
(
var
i
=
0
;i
<
form.length;i
++
)
{
10
for
(
var
j
=
0
;j
<
form[i].elements.length;j
++
)
{
11
if
(form[i].elements[j].type
==
"
checkbox
"
)
{
12
var
e
=
form[i].elements[j];
13
if
(value
==
"
selectAll
"
)
{e.checked
=
obj.checked}
14
else
{e.checked
=!
e.checked;}
15
}
16
}
17
}
18
}
19
</
script
>
20
</
head
>
21
<
body
>
22
<
form
name
="form1"
method
="post"
action
=""
>
23
<
input
name
="id"
type
="checkbox"
id
="id"
value
="1"
>
24
<
input
name
="id"
type
="checkbox"
id
="id"
value
="2"
>
25
<
input
name
="id"
type
="checkbox"
id
="id"
value
="3"
>
26
</
form
>
27
<
form
name
="form2"
method
="post"
action
=""
>
28
<
input
name
="id"
type
="checkbox"
id
="id"
value
="4"
>
29
<
input
name
="id"
type
="checkbox"
id
="id"
value
="5"
>
30
<
input
name
="id"
type
="checkbox"
id
="id"
value
="6"
>
31
</
form
>
32
<
INPUT
onclick
=CheckAll('selectAll',this)
type
=checkbox
value
=on
name
=chkall
>
33
全选
34
<
input
type
="checkbox"
name
="invest"
value
="checkbox"
onClick
="CheckAll()"
>
35
反选
36
</
body
>
37
</
html
>
38
posted @
2009-10-14 08:45
旭 日
阅读(
289
) 评论(
0
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部
公告