4-9.html

来自「Ajax的例子」· HTML 代码 · 共 44 行

HTML
44
字号
<html>
<head>
<title>复选框</title>
<script language="javascript">
function display()
{
	var result="您选择的影片包括:\n";
	for(var i = 0;i<document.checkForm.movie.length;i++)
	{
		if(document.checkForm.movie[i].checked)   //判断复选框是否被选中
		{
			result +=document.checkForm.movie[i].value+"\n";  //如果被选中,那么将复选框的值添加到变量result中。
		}
		else
			continue;
	}
	
	alert(result);
}
</script>
</head>
<body>
<div align="center">
  <form name="checkForm">
    <table width="70%"  border="0">
      <tr>
        <td>请选择您喜欢的电影</td>
      </tr>
      <tr>
        <td><input type="checkbox" name="movie" value="勇敢的心">勇敢的心<br>
        <input type="checkbox" name="movie" value="石破天惊">石破天惊<br>
        <input type="checkbox" name="movie" value="国家公敌">国家公敌<br>
        <input type="checkbox" name="movie" value="沉默的羔羊">沉默的羔羊<br>
        <input type="checkbox" name="movie" value="肖声克的救赎">肖声克的救赎</td>
      </tr>
      <tr>
        <td align="left"><input name="look" type="button" id="look" value="查看" onClick="display()"></td>
      </tr>
    </table>
  </form>
</div>
</body>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?