彩云之家用实例讲述了js全选按钮的实现代码。分享给大家供大家参考。具体如下:
运行效果截图如下:
具体代码如下
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
<
html
>
<
head
>
<
title
>复选框checked属性</
title
>
<
script
language
=
"JavaScript"
type
=
"text/javascript"
>
function changeState(isChecked)
{
var chk_list=document.getElementsByTagName("input");
for(var i=0;i<
chk_list.length
;i++)
{
if(chk_list[i].type=="checkbox")
{
chk_list[i]
.checked
=
isChecked
;
}
}
}
</script>
</
head
>
<
body
>
<
h1
>请选择你的爱好</
h1
>
<
form
name
=
"myForm1"
>
<
input
type
=
"checkbox"
name
=
"cb1"
checked>看书<
br
>
<
input
type
=
"checkbox"
name
=
"cb2"
checked>上网<
br
>
<
input
type
=
"checkbox"
name
=
"cb3"
>游戏<
br
>
</
form
>
<
hr
>
<
form
name
=
"myForm2"
>
<
input
type
=
"checkbox"
name
=
"cb"
onclick
=
"changeState(this.checked)"
>全选
</
form
>
</
body
>
</
html
>
|
以上就是js全选按钮的实现方法,希望对大家的学习有所帮助。