一个checkbox的复选问题

一个checkbox的复选问题

问题描述:


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 }

你喜欢怎么喝咖啡?

加奶油
加糖块




这时候选择checkbox的时候,按下按钮可以出现我想要的结果,但如果去掉加糖块
然后选择了checkbox ,点击按钮,什都没有我所选的值,只是什么原因,如何解决,求解

有两个 checkbox 时 document.forms[0].coffee 获取到的是一个数组;
有一个 checkbox 时 document.forms[0].coffee 获取到的是一个 input 元素,这时coffee是没有 length 属性的,也就是说这时的 coffee.length 为 undefined,而 0 与 undefined 比较会返回 false, for 循环也就不会执行了。
可以使用 var coffees = document.getElementsByName("coffee");
代替 document.forms[0].coffee
得到的始终是一个数组,也就不会有问题了