Run ❯
zig
.
com
×
Change Orientation
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <body> <p>How would you like your coffee?</p> <form action="https://www.w3schools.com/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> <!-- /jsref/tryit.asp?filename=tryjsref_checkbox_order Thu, 06 Feb 2025 20:01:02 GMT --> </html>
