getElementById-提交

最新推荐文章于 2021-09-15 08:55:09 发布

zhvsby

最新推荐文章于 2021-09-15 08:55:09 发布

阅读量439

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML/XHTML/ 文章标签： button function

本文链接：https://blog.youkuaiyun.com/zhvsby/article/details/5989674

HTML/XHTML/ 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，该页面使用JavaScript来处理用户选择的咖啡配料，并生成相应的订单信息。通过勾选不同的选项，用户可以指定其咖啡是否加入奶油或糖块，最后点击按钮即可显示所选配料。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>

</html>