onclick单选按钮将数字添加到总数但无限添加

Question

我有这个 jquery 代码

var theTotal = jQuery('.woocommerce-Price-amount.amount').text();

var price = theTotal.replace("$", "");

jQuery('input[name="dimming"]').bind('click', function (e) {

    var haller = jQuery(this).val();

    if (haller == '1-10V dimmer') {

        price = Number(price) + 150;

    } else {

        price = Number(price) - 150;

    }

    jQuery('.woocommerce-Price-amount.amount').text(price); 

});

我有这个单选按钮，所以当我选择单选按钮“layer2”时，它应该在原始数量上增加 150

[] layer1 (+ $0)

[] layer2 (+ $150)

结果

<span class="woocommerce-Price-amount amount">746</span>

但是当我多次单击 layer2 时，它总是相加，无论我选择该按钮多少次，它都应该始终是原始价格 + 150，请帮忙

这是我的小提琴https://jsfiddle.net/kxvc6t2L/