JavaScript - チェックボックスが無効になっている場合、jQueryを使用してクラスを追加してください。

Question

私のコードで構文に問題があります。 demoを参照してください。

私は次のコードを試しましたが、結果は何もしません。

＃1。 hasAttribute（）：

if ($('input[type=checkbox]').hasAttribute("disabled")) { 
    $(this).closest('.chkbox').addClass("is-disabled"); 
} 

＃2。 （）である：

if ($('input[type=checkbox]').is("[disabled]")) { 
    $(this).closest('.chkbox').addClass("is-disabled"); 
} 
// ------------------------------------------------ 
if ($('input[type=checkbox]').is(":disabled")) { 
    $(this).closest('.chkbox').addClass("is-disabled"); 
} 

＃3。小道具（）：

if ($('input[type=checkbox]').prop("disabled", true)) { 
    $(this).closest('.chkbox').addClass("is-disabled"); 
} 

それでは私はこの問題は、ライン上にあると思う：

$(this).closest('.chkbox').addClass("is-disabled"); 

任意のアイデア？

ありがとうございました。

を使用でき

Answer 1

。それがうまくいかない理由です。 2番目の例では、.change()関数が変化している 'もの'（this）のコンテキストを与えるために動作します。

このコードは、必要に応じて機能するはずです。

$(function() { 

    // Grab all inputs with the type checkbox. 
    var input = $('input[type=checkbox]') 

    // Check for each of the input fields (i, el stands for index, element) 
    input.each(function(i, el) { 
    // Does it have the attribute disabled? 
    if(el.hasAttribute('disabled')) { 
     // Add the class 'is-disabled' 
     $(el).closest('.chkbox').addClass('is-disabled') 
    } 
    }) 

    $('input[type=checkbox]').change(function(){ 
    if ($(this).is(":checked")) { 
     $(this).closest('.chkbox').addClass("is-checked"); 
    } else { 
     $(this).closest('.chkbox').removeClass("is-checked"); 
    } 
    }); 
}); 

Answer 2

：あなたは何かを宣言せず$(this)を使用している無効セレクタ

see here