1、新建一个文档（用NotePad软件，为了使得在浏览器中打开不是乱码，在软件的文件出找到编码，将其修改为UTF-8编码。或者点击谷歌浏览器中的右上角的三条杠，选择更多工具->编码->UTF-8），将其重命名（例：第一个java script.html 注：一定要把扩展名改为.html）。
2、将其用记事本的格式打开，进行编写。
3、以下是编写的“按钮全选的实现”的相关代码：
|
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
31
32
33
34
35
36
|
<html>
<head>
<title> 全选按钮的实现 </title>
</head>
<body>
<div>
<input type=
"checkbox"
id=
"chkAll"
onclick=
"checkAll(this)"
/>全选
</div>
<div>
<input type=
"checkbox"
name=
"chk"
/>选项1
</div>
<div>
<input type=
"checkbox"
name=
"chk"
/>选项2
</div>
<div>
<input type=
"checkbox"
name=
"chk"
/>选项3
</div>
<div>
<input type=
"checkbox"
name=
"chk"
/>选项4
</div>
<input type=
"checkbox"
name=
"chk"
/>选项5
</div>
</body>
<script>
//全选
function
checkAll(e)
{
var
t=document.getElementsByName(
"chk"
);
alert(t.length);
for
(
var
i=0;i<t.length;i++)
{
t[i].checked=document.getElementById(
"chkAll"
).checked;
}
}
</script>
</html>
|
4、截图为：
1026
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
