-3

4 つの異なるチェックボックスから呼び出される一般的な関数を構築しようとしています。チェックボックスがチェックされている場合、チェックボックスの近くのボタンから属性無効を削除する必要があります。

私のボタンはすべて、このような異なるクラスを持っています

ボタン 1:class="button primary pie list-buy-button list_buy_button_1903"

ボタン 2:class="button primary pie list-buy-button list_buy_button_1901"

ボタン 3:class="button primary pie list-buy-button list_buy_button_1899"

ボタン 4:class="button primary pie list-buy-button list_buy_button_1897"

まず、イベントをチェックボックスにバインドします

$(".avtalsbox").each(function()
{
    $(this).click(function()
    { 
      chbclickeventhandler(this);
    });
});

それから私はこの関数でそれを処理します..これは私が問題に遭遇した場所です

私は多くの解決策を試しましたが、誰もうまくいきませんか?

function chbclickeventhandler(thebox)
{

    if (thebox.checked) {

    //SOLUTION 1
    var button = $(thebox).closest("[class*='buy_button']");    
    $(button).removeAttr("disabled");

    //SOLUTION 2
    var button = $(thebox).parent().children("[class*='buy_button']");    
    $(button ).removeAttr("disabled"); 
    }
}

これは私のhtmlがどのように見えるかです

<div class="buyonly boxhighlight varmepaket1">
<div width="100%" style="float:right;"> 
<!---köpknapp--->
<form class="product_form" action="/shoppingcart/increase_product_count/" method="post">
  <input type="hidden" name="quantity" value="1" id="quantity">
  <span class="button-container pie">
  <!-- THIS IS THE INPUT I WANT TO REMOVE DISABLED FROM ASWELL AS ADD IT -->
    <input class="button primary  pie list-buy-button list_buy_button_1903" type="submit" value="Beställ idag!" disabled="">     
  </span>
  <!---crap--->
  <input type="hidden" name="product_id" value="1903">
  <input type="hidden" name="article_number" value="varmepaket2">      
</form>
<!---köpknapp END---> 
</div>

<div width="" style="float:right;">
<a href="#" onclick="eb_klarna_sum=14990; $('body').find('#klarna_payment').click(); return false;">
  <img class="symbol" src="/layouts/focus/klarna_symbol.png"> Dela upp betalningen från xxx  kr/mån</a></div>

 <div style="float:left;"><input type="checkbox" class="avtalsbox" name="godkannavtalet" value="varmepaket1">Jag godkänner avtalet!</div>
</div>
4

3 に答える 3

3

の使用法closestが正しくありません。この方法を試してください。最も近いのは、セレクターに一致がある場合にのみ、親またはそれ自体に到達します。したがって、ここclosestでは、クラスで親 div にアクセスし、.buyonlyその中のボタンを検索するために使用します。

$(".avtalsbox").change(chbclickeventhandler);

function chbclickeventhandler() {
    if (this.checked) {
    //SOLUTION 1
        var button = $(this).closest(".buyonly").find("[class*='buy_button']");
        $(button).prop("disabled", false);
    }
}

フィドル

ボタンを切り替えたい場合は、次のようにします。

$(".avtalsbox").change(chbclickeventhandler);

function chbclickeventhandler() {
    $(this)
        .closest(".buyonly")
        .find("[class*='buy_button']")
        .prop("disabled", !this.checked);

}
于 2013-09-04T21:43:21.287 に答える
2

あなたの場合、チェックボックスはボタンの子ではないため、最も近いものを使用することはできません!

于 2013-09-04T21:34:53.380 に答える