W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> <p>你想要怎样的咖啡？</p> <form action="/demo/htmldom/action_page.php"> <input type="checkbox" name="coffee1" value="cream">加奶<br> <input type="checkbox" name="coffee2" value="sugar">加糖<br> <br> <input type="button" onclick="myFunction()" value="发送订单"> <br><br> <input type="text" id="order" size="50"> <input type="submit" value="提交"> </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 = "您点了一杯咖啡：" + txt; } </script> </body> </html>