javascript - jQuery 中的价格模拟器 - 将值添加到两个变量中

Question

我在 jQuery 中有一个实时价格模拟器，需要检查是否有任何记录具有“附着价格”，以添加最终值，但是当我尝试使用注释时下面的数据(varparent)它总是添加值，但如果未选中复选框则不会删除。

想法是，如果ID不为空，那么它的值就是粘附价格，并且应该将其添加到粘附变量中。并且“rel”值必须添加到“total”变量中。

问题是我必须使用“rel”而不是 value，因为该值将被保存到 mysql 表中以供引用。我使用“id”作为附着力值。

HTML 复选框:

<input type="checkbox" rel="20" id="" name="opc[]" value="1">
<input type="checkbox" rel="10" id="" name="opc[]" value="2">
<input type="checkbox" rel="30" id="150" name="opc[]" value="3">

jQuery:

$(document).ready(function(){
        var total = 0;
        var adhesion = 0;

        function calcTotal(){
            $("input:checked").each(function(){
                var value = $(this).attr("rel");
                /*var parent      = $(this).id;
                if(parent.value != ""){
                    adhesion += parseFloat(parent);
                }*/
                total += parseFloat(value);
            });
        }

        $("input:checkbox").click(function(){
            if(adhesion != 0){
                total = adhesion;
            }else{
                total = 0;
            }
            calcTotal();
            $(".monthly_val").html("$ "+total.toFixed(2));
        });
    });

已添加 jsbin有变化。

Answer 1

我对你的代码进行了一些尝试，当我正确时，这个函数应该按照你的意愿运行:

function calcTotal(){
    var total = 0;
    var adh = 0;
        $("input:checked").each(function(){
            var value  = $(this).data("price");
            var parent = $(this).data("adhesion");
            if(parent !== 0){
                adh += parseFloat(parent);
            }
            total += parseFloat(value);
        });
      return total+adh;
    }

    $("input:checkbox").click(function(){
        var endprice = calcTotal();
        $(".v_mensal").html("R$ "+endprice.toFixed(2));
    });

我向函数添加了一个返回值，并稍微切换了变量的范围。我希望这会对您有所帮助。

更新的链接 jsbin