jqueryとidを使用してチェックボックスを選択しました

Question

jqueryを使用してckeckboxを選択し、クラスを追加しようとしています。

チェックボックスコード：私のコードで

<label> 
    <span class="custom-checkbox"> 
    <input type="checkbox" name="is_global" id="check"> 
    </span> 
</label> 

。チェックボックスを選択する場合は、spanタグにクラスselectedを追加してください。このように：

<label> 
    <span class="custom-checkbox selected"> 
    <input type="checkbox" name="is_global" id="check"> 
    </span> 
</label> 

だから私のquestionaは、ID checkでjqueryのを使用して、選択したクラスを追加する方法です。

私は以下を試しました。動作しません。

$("#check span['custom-checkbox']").addClass('selected'); 

Answer 1

この置き換え：.custom-checkboxはクラスであり、あなたが入力がクラスを追加する前にチェックされているかどうかをテストしたいので

$('#check').change(function() { 
    $check = $(this); 
    if ($check.is(':checked')) { 
     $("span.custom-checkbox").addClass('selected'); 
    } 
} 

：これにより

$("#check span['custom-checkbox']").addClass('selected'); 

を。

出典：https://jsfiddle.net/gabrieleromanato/dHZS9/

Answer 2

選択要素IDを使用して、それがparent()メソッドを使用して、親の取得。

$('#check').parent().addClass('selected') 

---

または任意の特定のelemntをcotains要素を取得する :has()セレクタを使用します。

$('.custom-checkbox:has(#check)').addClass('selected') 

Answer 3

$("#check").parent().addClass('selected'); 

または

$("#check").parents('.custom-checkbox').addClass('selected'); 

https://api.jquery.com/parent/

https://api.jquery.com/parents/

この

$('#check').change(function() { 
    $(this).parents('.custom-checkbox').toggleClass('selected', $(this).is(':checked')); 
}) 

のようなものを試してみてください

Answer 4

これを試してください

$（ "＃check"）。parent（）。addClass（ 'selected'）;

Answer 5

document.getElementById("check").checked = true; 

最後のステートメントの代わりに、このチェックボックスをオンにしてください。