Javascript 最小阶数形式的实时计算_Javascript_Php_Html_Calculation

Javascript 最小阶数形式的实时计算

javascript php html

Javascript 最小阶数形式的实时计算,javascript,php,html,calculation,Javascript,Php,Html,Calculation,我从两个不同的来源借用了一些代码，并将它们拼接在一起。一个有效（订购总量），但第二个无效（最低订购量）。说到Java，我是个新手，可能只是缺少了一个命令或其他东西 “total”用于这两个选项，当“total”超过20时，应重新启用submit按钮 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>temp<

我从两个不同的来源借用了一些代码，并将它们拼接在一起。一个有效（订购总量），但第二个无效（最低订购量）。说到Java，我是个新手，可能只是缺少了一个命令或其他东西

“total”用于这两个选项，当“total”超过20时，应重新启用submit按钮

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>temp</title>

<script language="javascript">
function calculate(form)
{
var item1 = form.item1.value;
var item2 = form.item2.value;
form.total.value = (item1 * 10) + (item2 * 30);
};
</script>

<script language="javascript">
setInterval(function () {
    if ($('#total').val() >= 20)
        $(":submit").removeAttr("disabled");
    else
        $(":submit").attr("disabled", "disabled");
}, 1);
</script>

</head>
<body>
<form method="POST" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>" >
<table border="1" cellspacing="1" width="757">
<tr>
<td width="224" align="center"><strong>Quantity</strong></td>
<td width="39" align="center"><strong>price</strong></td>
<td width="476" align="center"><strong>total</strong></td>
</tr>
<tr>
<td width="224">item1<input type="number" name="item1" size="20" onchange="calculate(this.form)" value="0"></td>
<td width="39">$10</td>

</tr>
<tr>
<td width="224">item2<input type="number" name="item2" size="20" onchange="calculate(this.form)" value="0"> </td>
<td width="39">$30</td>
</tr>
<tr>
<td width="224"> </td>
<td width="39">total</td>
<td width="476"> <input type="number" name="total" size="20"></td>
</tr>
</table>
<p><input type="submit" value="Submit Order" disabled title="Order is below $20 minimum."></p>
</form>
</body>
</html>


临时雇员
函数计算（表格）
{
var item1=form.item1.value；
var item2=form.item2.value；
form.total.value=（项目1*10）+（项目2*30）；
};
setInterval（函数（）{
如果（$（'#total'）.val（）>=20）
$（“：提交”）.removeAttr（“禁用”）；
其他的
$（“：提交”）.attr（“禁用”、“禁用”）；
}, 1);
$（“#total”）
查找id为total
的元素，但您没有它（您只有名称）
所以，通过添加id，表单是有效的


临时雇员
函数计算（表格）
{
var item1=form.item1.value；
var item2=form.item2.value；
form.total.value=（项目1*10）+（项目2*30）；
};
setInterval（函数（）{
如果（$（'#total'）.val（）>=20）
$（“：提交”）.removeAttr（“禁用”）；
其他的
$（“：提交”）.attr（“禁用”、“禁用”）；
}, 1);
if（$（'#total'）.val（）>=20？>）
应该是if（$（'#total'）.val（）>=20）
看起来像是我在以前尝试使用的一些php中留下了一个结束标记，但这仍然不能解决问题。它仍然没有启用“提交”按钮。我现在已经更正了我的示例中的？>问题。这对ID很有意义。谢谢！另一件我似乎遗漏的事情是jquery链接。我从中获得提交启用/禁用代码的fiddle在他们的示例中没有它，即使它起作用。