Ember——判断checkbox 是否被选中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <p>你喜欢怎么喝咖啡?</p>
    <form>
        <input type="checkbox" name="coffee" value="奶油">加奶油<br />
        <input type="checkbox" name="coffee" value="糖块">加糖块<br />
        <input type="checkbox" name="coffee" value="糖块">加糖块<br />
        <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>
<script type="text/javascript">
function createOrder(){
    var 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>
</html>

  

posted @ 2015-10-03 17:10  四叶草Clover  阅读(281)  评论(0编辑  收藏  举报