HTML表单与JavaScript控制
本文展示了一个简单的HTML页面示例，该页面包含一个表单，通过JavaScript实现全选/全不选的功能。当点击全选框时，所有选项会被同时选中或取消选中。此示例适用于初学者理解如何结合使用HTML和JavaScript。
<html>
<head>
<script type="text/javascript">
function CheckAll(thisForm){
if(thisForm.select.checked==true){
for(i=0;i<thisForm.option.length;i++){
thisForm.option[i].checked=true;
}
}else{
for(i=0;i<thisForm.option.length;i++){
thisForm.option[i].checked=false;
}
}
}
</script>
</head>
<body>
<form name="myForm">
<input type="checkbox" name="select" onclick="CheckAll(this.form)">
<br />
<input type="checkbox" name="option">苹果<br />
<input type="checkbox" name="option">桔子<br />
<input type="checkbox" name="option">香蕉<br />
<input type="checkbox" name="option">西瓜
</form>
</body>
</html>
扫一扫
669
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
