主页
JS 参考手册
Input Checkbox checked 属性
tryjsref_checkbox_order
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <body> <p>How would you like your coffee?</p> <form action="/action_page.php"> <input type="checkbox" name="coffee" value="cream">With cream<br> <input type="checkbox" name="coffee" value="sugar">With sugar<br> <br> <input type="button" onclick="myFunction()" value="Send order"> <br><br> <input type="text" id="order" size="50"> <input type="submit" value="Submit"> </form> <script> function myFunction() { var coffee = document.forms[0]; var txt = ""; var i; for (i = 0; i < coffee.length; i++) { if (coffee[i].checked) { txt = txt + coffee[i].value + " "; } } document.getElementById("order").value = "You ordered a coffee with: " + txt; } </script> </body> </html>