需要“添加到购物车”按钮价格来更新正确的金额，具体取决于选中的复选框

user3972049 发表于 Dev

用户名

这是我的HTML的一次性价格

    <label for="autodeliver_off_radio_{{product.id}}" id="auto_deliver_label">
        <input type="radio" name="autodeliver_{{product.id}}" class="autodeliver {{product.id}}" value="onetime" {% if subscription_only == 'false' %} checked="" {% endif %} id="autodeliver_off_radio_{{product.id}}"> <span class="label_background"></span>
        <span style="color:black;">ONE-TIME PURCHASE </span> <span id="one-time-price_{{product.id}}"></span>
        <br>
        <span class="one_time_product_price"> {{ product.price | money }}</span>
    </label>

这是我的订阅价格代码

    <label for="autodeliver_on_radio_{{product.id}}" id="auto_deliver_label" style="font-weight:bold;">
          <hr style="margin-top:-5px;border-top: 1px solid #000;">
          <input type="radio" name="autodeliver_{{product.id}}" class="autodeliver {{product.id}}" value="autodeliver" {% if subscription_only == 'true' %} checked="" {% endif %} id="autodeliver_on_radio_{{product.id}}"><span class="label_background"></span>
          <span style="color:black;"> SUBSCRIBE 
          {% if discount_percentage != 0 %}
            AND SAVE</span> 
          <span>{{discount_percentage}}%</span> <span id='recurring-time-price_{{product.id}}'></span><br><span class="subscribe_product_price">{{product.price | divided_by: new_num_2 | money }}</span> {% endif %}
    </label>

这是需要更新价格的地方

       <div class="add-to-cart__wrapper">
          <button type="submit" name="add" id="AddToCart" class="btn btn--large btn--full btn--clear uppercase">
            <span id="AddToCartText">{{ 'products.product.add_to_cart' | t }} </span>
            <span class="unicode">&#x2022</span>
            <span class="add-to-cart__price money"><span id="ButtonPrice">{{ product.price | money }}</span></span>
          </button>
        </div>

我希望对此有一个简单的jquery解决方案，但我似乎无法理解。一直试图从复选框旁边提取html值，并更新添加到购物车按钮，但是没有运气。真的很难过，在此先感谢！我添加了一个视觉效果以防万一

blnc

尝试以下jQuery代码：

$(function(){
    var buttonPrice = $('span#ButtonPrice');

    $('input[type="radio"].autodeliver').click(function(){
        _this = $(this);

        if ( _this.attr('value') === 'onetime' ) {
            buttonPrice.html( $('span.one_time_product_price').html() );
        } else if ( _this.attr('value') === 'autodeliver' ) {
            buttonPrice.html( $('span.subscribe_product_price').html() );
        };
    });
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。