復制代碼 代碼如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<script type="text/javascript" language="javascript">
function selectAll()
{
var allCheckBoxs = document.getElementsByName("coffee");
var desc = document.getElementById("like");
if(desc.value == "都喜歡")
{
desc.value = "都不喜歡";
for(var i = 0; i < allCheckBoxs.length; i ++ )
{
allCheckBoxs[i].checked = true;
}
}
else
{
desc.value = "都喜歡";
for(var i = 0; i < allCheckBoxs.length; i ++ )
{
allCheckBoxs[i].checked = false;
}
}
}
</script>
</head>
<body>
<p>你喜歡那種類型咖啡</p>
<form>
<input type="checkbox" name="coffee" value="cream">藍山咖啡<br>
<input type="checkbox" name="coffee" value="sugar" >摩卡<br>
<input type="checkbox" name="coffee" value="sugar">拿鐵<br>
<input type="checkbox" name="coffee" value="sugar">卡布奇諾<br>
<input type="checkbox" name="coffee" value="sugar">愛爾蘭咖啡<br>
<input type="button" id="like" value="都喜歡" onClick="selectAll()">
</form>
</body>
</html>