Question

我使用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表单字段以提交和使用它。

请告诉我们如何做到这一点？

谢谢尼尔

Answer 1

您应该将输入字段的val()设置为总计。

$("#theInputFieldThatShouldHaveTotalInIt").val(total);

Answer 2

这是一个小代码段

<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>

Answer 3

你应该有一个隐藏的输入字段。所以你能做的就是这个。

因为你想要获得的价值在div里面

!-- Hardcoded Value Example only -->
<div id="total">12</div>

在您的JavaScript上，您可以添加此内容。

$(function(){
   $('.label_1').click(function(){

    var total = 0;

    $('.option_1:checked').each(function(){

        total +=  parseInt($(this).val());
        });

        $('#total').html('€ ' + total);


    });

     $('#myHiddenInputField').val($('#total').html());

})

一旦设置了#myHiddenInputField的值，您现在可以通过编程方式提交表单，或者只需单击表单上的提交按钮（如果表单可见）

Answer 4

要做这类事情，应该使用HIDDEN输入。 http://www.w3schools.com/jsref/dom_obj_hidden.asp

将Javascript / Ajax数据传递给表单

4 个答案: