Javascript 输入数量并更新总订单
只是做一个非常简单的订单 需要输入框(仅接受数字) 用户输入一个数量,比如说50 我们有一个乘数,比如说10 想要一个禁用的表单字段,显示50 x 10的结果吗 所以表单字段将显示500 现在我们有了变量orderTotal,我们可以传递给我们的代码,如下所示: $txtAmount = "orderTotal"; $txtAmount=“orderTotal”;Javascript 输入数量并更新总订单,javascript,jquery,Javascript,Jquery,只是做一个非常简单的订单 需要输入框(仅接受数字) 用户输入一个数量,比如说50 我们有一个乘数,比如说10 想要一个禁用的表单字段,显示50 x 10的结果吗 所以表单字段将显示500 现在我们有了变量orderTotal,我们可以传递给我们的代码,如下所示: $txtAmount = "orderTotal"; $txtAmount=“orderTotal”; 有什么想法吗?代码必须有点类似。但未经测试。如果您发现错误,请让我知道 编辑::测试代码 <script src="https
有什么想法吗?代码必须有点类似。但未经测试。如果您发现错误,请让我知道 编辑::测试代码
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
<script>
$(function (){
$("#value").blur(
function(){
var value = $(this).val();
if(isInt(value)){
$("#total").val($(this).val()*$("#quantity").val());
}
else{
alert('pelase enter int');
}
}
);
$('#quantity').change(
function()
{
var value =$("#value").val();
if(isInt(value))
{
if($("#quantity").val() > 0){
$("#total").val($(this).val()*$("#value").val());
}
}
else{
alert('pelase enter int');
}
}
)
});
function isInt(x) {
var y=parseInt(x);
if (isNaN(y)) return false;
return x==y && x.toString()==y.toString();
}
</script>
<form>
<input id="value" name="value" />
<select id="quantity">
<option>10</option>
<option>20</option>
<option>30</option>
<option>40</option>
<option>50</option>
</select>
</form>
<input id="total" type="text" disabled="disabled"/>
$(函数(){
$(“#值”).blur(
函数(){
var值=$(this.val();
如果(isInt(值)){
$(“#total”).val($(this.val()*$(“#quantity”).val());
}
否则{
警报('pelase enter int');
}
}
);
$(“#数量”)。更改(
函数()
{
var值=$(“#值”).val();
如果(isInt(值))
{
如果($(“#数量”).val()>0){
$(“#total”).val($(this.val()*$(“#value”).val());
}
}
否则{
警报('pelase enter int');
}
}
)
});
函数isInt(x){
变量y=parseInt(x);
如果(isNaN(y))返回false;
返回x==y&&x.toString()==y.toString();
}
10
20
30
40
50
更新::这应该可以,但不确定。。如果不起作用,请告诉我explorex在大部分方面都能帮到你,但有一点我要小心,Javascript中的浮点数学并不精确。如果你在和钱打交道。。。你要确保你是准确的
这里有一个带答案的问题:你是什么意思?将php值传递给javascript?我想你想要一个简单的购物车,在web上有很多教程,比如没有php,实际上它的客户端就是js。只需要一个用户可以输入数字的输入字段,以及一个将该数字乘以预设值的总字段。@422,通过您的网站向您发送了一封邮件,只是说。是的,谢谢,但不是这样。我不希望用户必须点击任何东西,他们也没有选择的多路复用器。这就是一个例子。他们选择他们想要多少小部件,我们有预设的价格说10。因此,他们选择50和一个禁用的字段,自动显示500@422在这种情况下,请查看更新。但是代码并没有经过测试。mm@explorex对我来说没有任何帮助。不过谢谢你的坚持,它确实有效。下拉列表不是预先选择的项目。它固定在10,不需要向用户显示。如果元素是输入字段(如:any),则更新不起作用suggestions@422我们将“html(total)”替换为“val(total)”,但是我将再次编辑代码Hanks Sean(我们只处理整数),因此所有的倍数都是10或11