<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<table bgcolor="#0099CC" cellpadding="1" cellspacing="1" border="1">
<tr>
<td>
<form name="myForm">
您的爱好是什么?(最多同时选三项)<br>
<input type="checkbox" value="看书" name="like">看书<br>
<input type="checkbox" value="上网" name="like">上网<br>
<input type="checkbox" value="看电视" name="like">看电视<br>
<input type="checkbox" value="下棋" name="like">下棋<br>
<input type="checkbox" value="钓鱼" name="like">钓鱼<br>
<input type="checkbox" value="打牌" name="like">打牌<br>
<input type="checkbox" value="发呆" name="like">发呆<br>
</form>
</td>
</tr>
</table>
<script language="javascript" type="text/javascript">
<!--
for(i=0;i<document.myForm.like.length;i++)
{
document.myForm.like[i].onclick = checkDate;
}
function checkDate(checkboxName)
{
var checkCount = 0;
for(i=0;i<document.myForm.like.length;i++)
{
if (document.myForm.like[i].checked)
{
checkCount ++;
}
}
if (checkCount>3)
{
alert("最多只能选择三项");
return false;
}
}
-->
</script>
</body>
</html>
</body>
</html>
JavaScript复选框的问题
最新推荐文章于 2024-09-23 15:38:48 发布