Question

所以我有一个＆＃39;总计＆＃39;本栏底部的字段。

在此字段上方是复选框，勾选后，总计＆＃39;应该通过添加该复选框的价格进行更新，并且在未选中时，应该删除价格。

类似于http://www.tepilo.com/#packages-anc

以下代码在点击复选框时更新价格未点击时它什么都不做再次点击时，它会添加到新的当前价格

    $('.col-2 input[type="checkbox"]').on('click', function() {
        var attribute_name = $(this).val();
        var attribute_price = settings.wsapo_custom[0][attribute_name].price;
        var current_price_total = $(".col-2 #update-price").text();

        var new_price = parseInt(current_price_total) + parseInt(attribute_price);

        console.log(new_price);
        $(".col-2 #update-price").text(new_price);


    });

提前致谢

Answer 1

在jquery中使用onchange或change函数就足够了。检查是否选中了复选框，然后相应地更改数据。

JSFIDDLE上的演示：http://jsfiddle.net/lrojas94/t9d04oeb/

代码：

    $('input[type="checkbox"]').change(function(){
    var actual = parseInt($('p').text());        
    if($(this).is(':checked'))
           actual+= 100; 
    else
        actual-=100;
    $('p').text(actual);
});

随时阅读有关此功能的文档：http://api.jquery.com/change/

选中时将价格添加到单价，取消选中时减去价格

1 个答案: