一个表单中若干个checkbox

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

lerdor

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

阅读量822

点赞数

分类专栏： javascript 文章标签： button

本文链接：https://blog.csdn.net/lerdor/article/details/8054799

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<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" οnclick="createOrder()" value="发送订单">
<br /><br />
<input type="text" id="order" size="50">
</form>
</body>

</html>