HTML 复选框返回值
HTML Checkbox Return value?
下面是我的代码,我试图让它显示订单的结果,但是我无法让它出现,我相信复选框的返回值可能不是真的,所以我尝试使用 var checkedt5 = $("t5").is(':checked');
但我收到错误,点击订单不起作用。我相信函数中存在错误。
<html>
<head>
<title>Form </title>
<script LANGUAGE="JavaScript">
<!-- hide from uneducated browsers
function Order()
{
var size = document.getElementById("pizzasize").value
var crust = document.getElementById("pizzacrust").value
var t1 = document.getElementById("t1").value
var t2 = document.getElementById("t2").value
var t3 = document.getElementById("t3").value
var t4 = document.getElementById("t4").value
var t5 = document.getElementById("t5").value
var checkedt1 = $("t1").is(':checked');
var checkedt2 = $("t2").is(':checked');
var checkedt3 = $("t3").is(':checked');
var checkedt4 = $("t4").is(':checked');
var checkedt5 = $("t5").is(':checked');
document.write("<p>")
document.write("Your order is in process <br /> ")
document.write("Pizza Size = " + size + "<br />")
document.write("Pizza Crust = " + crust + "<br />")
if (checkedt1 == true)
{
document.write("Toppings = " + t1 + "<br />")
}
if (checkedt2 == true)
{
document.write("Toppings = " + t2 + "<br />")
}
if (checkedt3 == true)
{
document.write("Toppings = " + t3 + "<br />")
}
if (checkedt4 == true)
{
document.write("Toppings = " + t4 + "<br />")
}
if (checkedt5 == true)
{
document.write("Toppings = " + t5 + "<br />")
}
document.write("Your order will be delivered as soon as possible")
return ""
}
// end hiding from uneducated browsers -->
</script>
<style TYPE="text/css">
body
{
background-color: lightsteelblue;
}
</style>
</head>
<body>
<h1>Mateo's Pizzeria</h1>
<form>
<b>Pizza Size</b>:
<select name="pizzasize" id="pizzasize">
<option value="" disabled="disabled" selected="selected">Please select a size</option>
<option value="personal">Personal</option>
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
<option value="x-large">X-Large</option>
<option value="omg">OMG</option>
</select>
<p>
<b>Pizza Crust</b>:
<select name="pizzacrust" id="pizzacrust">
<option value="" disabled="disabled" selected="selected">Please select a crust type</option>
<option value="thin">Thin</option>
<option value="thick">Thick</option>
<option value="sicilian">Sicilian</option>
</select>
<p>
<b>Pizza Toppings</b>:
<br>
<input type="checkbox" name="toppings" id="t1" value="pepperoni">Pepperoni<br>
<input type="checkbox" name="toppings" id="t2" value="sausage">Sausage<br>
<input type="checkbox" name="toppings" id="t3" value="mushrooms">Mushrooms<br>
<input type="checkbox" name="toppings" id="t4" value="black-olives">Block Olives<br>
<input type="checkbox" name="toppings" id="t5" value="pineapple">Pineapple<br>
</select>
<p>
<b>Confirmed Order</b>: <output TYPE="text" NAME="output" ID="outputID" SIZE="50" WIDTH="50" />
</p><p>
<input TYPE="button" VALUE="Confirm Order" onClick="Order()" />
</p><p>
<!--// <input TYPE="button" VALUE="Process Input 2" onClick="newProcess()" /> -->
</p></form>
</body>
</html>
您缺少用于按 id 选择的 #
var checkedt1 = $("#t1").is(':checked');
var checkedt2 = $("#t2").is(':checked');
var checkedt3 = $("#t3").is(':checked');
var checkedt4 = $("#t4").is(':checked');
var checkedt5 = $("#t5").is(':checked');
相关文章:
- 使用jQuery只返回选中复选框后的第一个表单元格值
- 如何获取模式引导程序上的值复选框
- MeteorJs Alded autoform,如何从布尔值复选框中获得所需值
- Yui Get 复选框返回数组而不是布尔值
- html5复选框返回“;关于“;值,而不是我设置的值
- Javascript使用each()为复选框返回正确的值
- 如果在jQuery中选中,则返回多个复选框值
- 返回:使用is()选中复选框值
- 获取 JavaScript 中具有多个值的字段值复选框之一
- HTML 复选框返回值
- 为什么复选框总是返回相同的值
- 复选框值始终返回 false
- 比较 php 值和 javascript 值复选框
- 选中时从行中获取值复选框
- 单击按钮创建表时,请选中“获取值”复选框
- 更改后返回默认复选框
- 在jade中返回一个复选框值.使用node.js,express和Mongoose
- 在JQuery中,如何添加" check"的所有值复选框
- 使用Ajax Post在MVC中勾选获取值复选框
- Javascript - 返回带有复选框输入的动态行数据