Question

我需要禁用其他div，如果在其他div中我有0,00€。

示例：我有div .buy和付款按钮，我有div .price字符串0,00€。

如果.buy为price，我需要停用0,00€。

我需要一个jQuery泛型，因为我用WordPress创建了一个网站。我已经使用TM Global Extra Products选项进行Woocommerce，我插入选择0€，但当我输入产品时，我看到付款按钮0€，如果价格为0€我想要禁用按钮

<form class="cart" enctype="multipart/form-data" method="post" novalidate="novalidate">
<div id="tm-extra-product-options" class="tm-extra-product-options tm-custom-prices tm-product-id-4364 tm-cart-main" data-product-id="4364" data-cart-id="main">
<div class="tm-totals-form-main" data-product-id="4364">
<input class="cpf-product-price" type="hidden" name="cpf_product_price" value="0">
<div id="tm-epo-totals" class="tm-epo-totals tm-custom-prices-total tm-cart-main" data-variations="[]" data-variations-subscription-period="[]" data-subscription-period="" data-variations-subscription-sign-up-fee="[]" data-subscription-sign-up-fee="0" data-prices-include-tax="" data-tax-display-mode="excl" data-tax-string="" data-tax-rate="22" data-taxable="1" data-force-quantity="0" data-tm-epo-dpd-suffix="" data-tm-epo-dpd-prefix="" data-fields-price-rules="0" data-product-price-rules="[]" data-price="0" data-type="simple" data-is-sold-individually="" data-is-subscription="" data-cart-id="main" data-theme-name="Blusign">
<dl class="tm-extra-product-options-totals tm-custom-price-totals">
<dt class="tm-options-totals">Options amount</dt>
<dd class="tm-options-totals">
<dt class="tm-final-totals">Prezzo Totale:</dt>
<dd class="tm-final-totals">
<span class="amount final">0,00€</span>
</dd>
</dl>
</div>
</div>
<div class="iva_esc">
<div class="quantity">
<input type="hidden" value="4364" name="add-to-cart">
<button class="single_add_to_cart_button button alt" type="submit" style="display: block;">Vai al pagamento</button>
</form

Answer 1

这是一个简单的jQuery脚本，用于检查所有价格是否为零，如果是，则禁用该按钮。

＆＃13;

function updateCheckoutState() {
  //check if all items are zero
  var disable = $(".cart span.amount.final").toArray().every(function(item) {
    return $(item).text() === "0,00€";
  });

  //disable button if necessary
  $(".cart button.single_add_to_cart_button").prop("disabled", disable);
}

$(function() {
  updateCheckoutState();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<form class="cart" enctype="multipart/form-data" method="post" novalidate="novalidate">
  <div id="tm-extra-product-options" class="tm-extra-product-options tm-custom-prices tm-product-id-4364 tm-cart-main" data-product-id="4364" data-cart-id="main">
    <div class="tm-totals-form-main" data-product-id="4364">
      <input class="cpf-product-price" type="hidden" name="cpf_product_price" value="0">
      <div id="tm-epo-totals" class="tm-epo-totals tm-custom-prices-total tm-cart-main" data-variations="[]" data-variations-subscription-period="[]" data-subscription-period="" data-variations-subscription-sign-up-fee="[]" data-subscription-sign-up-fee="0" data-prices-include-tax="" data-tax-display-mode="excl" data-tax-string="" data-tax-rate="22" data-taxable="1" data-force-quantity="0" data-tm-epo-dpd-suffix="" data-tm-epo-dpd-prefix="" data-fields-price-rules="0" data-product-price-rules="[]" data-price="0" data-type="simple" data-is-sold-individually="" data-is-subscription="" data-cart-id="main" data-theme-name="Blusign">
        <dl class="tm-extra-product-options-totals tm-custom-price-totals">
          <dt class="tm-options-totals">Options amount</dt>
          <dd class="tm-options-totals">
          <dt class="tm-final-totals">Prezzo Totale:</dt>
          <dd class="tm-final-totals">
            <span class="amount final">0,00€</span>
          </dd>
        </dl>
      </div>
    </div>
    <div class="iva_esc">
      <div class="quantity">
        <input type="hidden" value="4364" name="add-to-cart">
        <button class="single_add_to_cart_button button alt" type="submit" style="display: block;">Vai al pagamento</button>
      </div>
    </div>
  </div>
</form>

＆＃13;

隐藏div，如果我在我的正文页面找到0,00€

1 个答案: