计算复选框

时间:2014-10-20 01:18:06

标签: contact-form-7 calculated-field

我在联系表格7中遇到问题,我希望得到一些帮助。我遇到的问题是,我有一组复选框,当客户点击它时,我想要一个完整的显示。

MY复选框:(多选)可以选择多个

  [checkbox GRCGA class:multipal use_label_element "$10.00" "$20.00" "$25.00" "$50.00" "$75.00" "$100.00" "$200.00" "$400.00" "$500.00"]


Total Amount: <span id="total">$00</span>.00

Jvascript:

$("input[type=checkbox]").change(function(){
    updateTotal();
});

function updateTotal(){
    var total = 0;
    $("input[type=checkbox]:checked").each(function(){
        total += parseFloat($(this).val());
    });
    $("#total").html(total);
}

当他们选择一个或多个以获得他们想要的金额时,这是否可以获得总金额。

1 个答案:

答案 0 :(得分:0)

<script>
        $(document).ready(function() {
$("input[type=checkbox]").on("change", function() {
    var tot = 0;
    $("input[type=checkbox]:checked").each(function() {
       var val = this.value.substr(1).split(' ')[0];
tot += +(val);   
 });
         $("#result").text("Total: $" + tot);       
      });
        });
    </script>

希望这会对你有所帮助