将Javascript/Ajax数据传递到表单

将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

我使用jquery计算价格:

$('.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());

})