本文介绍了一个使用HTML和JavaScript实现的全选功能案例。通过一个按钮可以控制多个复选框的状态，达到全选或取消全选的效果。该功能利用JavaScript来切换复选框的状态，并在网页中使用HTML进行布局。
<html>
<head>
<script language="javascript">
var flag = false;
function check()
{
flag = !flag;
chk = document.forms[0].test;
for(i=0;i<chk.length;i++)
chk[i].checked = flag;
}
</script>
</head>
<body>
<center>
<form action="test.htm" method="post" name="all">
<input type="checkbox" name="test" value="test1">checkbox1<br/>
<input type="checkbox" name="test" value="test2">checkbox2<br/>
<input type="checkbox" name="test" value="test3">checkbox3<br/>
<input type="checkbox" name="test" value="test4">checkbox4<br/>
<input type="checkbox" name="test" value="test5">checkbox5<br/>
<input type="checkbox" name="test" value="test6">checkbox6
<br/>
<input type="button" value="全选" onclick="check()">
</form>
</center>
</body>
</html>
<head>
<script language="javascript">
var flag = false;
function check()
{
flag = !flag;
chk = document.forms[0].test;
for(i=0;i<chk.length;i++)
chk[i].checked = flag;
}
</script>
</head>
<body>
<center>
<form action="test.htm" method="post" name="all">
<input type="checkbox" name="test" value="test1">checkbox1<br/>
<input type="checkbox" name="test" value="test2">checkbox2<br/>
<input type="checkbox" name="test" value="test3">checkbox3<br/>
<input type="checkbox" name="test" value="test4">checkbox4<br/>
<input type="checkbox" name="test" value="test5">checkbox5<br/>
<input type="checkbox" name="test" value="test6">checkbox6
<br/>
<input type="button" value="全选" onclick="check()">
</form>
</center>
</body>
</html>
扫一扫
1429
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
