网页制作中的脚本问题

来源:百度知道 编辑:UC知道 时间:2024/07/04 00:49:05
<html>
<head>
<script type="text/javascript">
function createOrder()
{
coffee=document.forms[0].coffee
txt=""
for (i=0;i<coffee.length;++ i)
{
if (coffee[i].checked)
{
txt=txt + coffee[i].value + " "
}
}
document.getElementById("order").value="您订购的咖啡带有: " + txt
}
</script>
</head>

<body>
<p>你喜欢怎么喝咖啡?</p>
<form>
<input type="checkbox" name="coffee" value="奶油">加奶油<br />
<input type="checkbox" name="coffee" value="糖块">加糖块<br />
<br />
<input type="button" onclick="createOrder()" value="发送订单">
<br /><br />
<input type="text" id="order" size="50">
</form>
</body&

你的表单域里不是有个<input type="checkbox" name="coffee" value="奶油">吗?所以JS就找document(文档)下的第一个表单域(forms[0])下的一个名为coffee的复选框!
脚本中的coffee就是代表了表单域中的两个coffee,所以它是一个数组(因为它里面有两个);
声明txt的主要作用是为了把coffee的值赋给它,让它得到两个coffee的值