将Javascript/Ajax数据传递到表单
我使用jquery计算价格:将Javascript/Ajax数据传递到表单,javascript,jquery,ajax,Javascript,Jquery,Ajax,我使用jquery计算价格: $('.label_1').click(function(){ var total = 0; $('.option_1:checked').each(function(){ total += parseInt($(this).val()); }); $('#total').html('€ ' + total); }); 价格以DIV显示: <div id="total"&g
$('.label_1').click(function(){
var total = 0;
$('.option_1:checked').each(function(){
total += parseInt($(this).val());
});
$('#total').html('€ ' + total);
});
价格以DIV显示:
<div id="total"></div>
现在,我需要将结果传递到HTML表单字段以提交并使用它
请问这是怎么做到的
多谢各位
Neil您应该将输入字段的值设置为总计
$("#theInputFieldThatShouldHaveTotalInIt").val(total);
要做这类事情,应该使用隐藏输入。
这里有一个小代码snnipet
<input type="text" id="tot">
<script>
$('.label_1').click(function(){
var total = 0;
$('.option_1:checked').each(function(){
total += parseInt($(this).val());
// in this secction send the total to the txt field
$("#tot").val($total);
});
$('#total').html('€ ' + total);
});
</script>
$('.label_1')。单击(函数(){
var合计=0;
$('.option_1:checked')。每个(函数(){
total+=parseInt($(this.val());
//在本节中,将总计发送到txt字段
美元(总计);
});
$(“#总计”).html(“€”+总计);
});
您应该有一个隐藏的输入字段。所以你能做的就是这样
因为您试图获取的值在div中
!-- Hardcoded Value Example only -->
<div id="total">12</div>
一旦您设置了
#myHiddenInputField的值
,您现在就可以通过编程方式提交表单,或者只需单击表单上的提交按钮(如果表单可见)Nice,对于那些想要提交修改后的请求以降低其所需支付的总价格的人…;-)你会用PHP计算吗?但是如果total==total,我仍然可以检查下一个paymet步骤。如果不是{echo“Arrivederci”;}嗨,阿贾克,我知道这是一种方式——但说实话:我不知道该怎么做。只是
,@Neil。(但请注意,在服务器上依赖该值是不安全的!)100%同意@Arjan,即使您在客户端执行此操作,也应该在服务器端进行定价检查。如果这是你想要的。客户端验证很好,这样您就不会让用户提交无效数据,但这确实应该是它的唯一目的。但是如果total==total,我仍然可以检查下一个paymet步骤。如果不是{echo“Arrivederci”;}-我有3个不同的值和时间段。因此,检查时间段和总计==逻辑->继续。当我使用harcoded exampe时,它会起作用,但对jquery生成的数据不起作用。这是由于$Total
中的$
造成的。此外,问题中奇怪的缩进使得lindosekai错误地复制了花括号。每个
只应更新总数
;无需在每个中更新$(“#tot”)
。
$(function(){
$('.label_1').click(function(){
var total = 0;
$('.option_1:checked').each(function(){
total += parseInt($(this).val());
});
$('#total').html('€ ' + total);
});
$('#myHiddenInputField').val($('#total').html());
})