0

チェックされ、特定のクラスを持つチェックボックスのみを無効にしたい。非常によく似た質問がたくさんありますが、これを機能させることができるものは何も見つかりませんでした。

http://jsfiddle.net/silvajeff/snfDM/

次の例では、2番目の項目のみを無効にする必要があります。

  HTML:
  <input type="checkbox" class='boundParent' />
  <input type="checkbox" class='boundParent' checked/>
  <input type="checkbox" class="boundChild" />
  <input type="checkbox" class="boundChild" />

  Javascript:
  $('[input:checked][class*="boundParent"]').prop("disabled", true);
4

7 に答える 7

2 
$("input.boundParent:checked").prop("disabled", true);
于 2012-10-17T05:45:03.713 に答える
0 
  $('input[type="checkbox"][class*="boundParent"]:checked').prop("disabled", true);

また

$(':checkbox:checked[class="boundParent"]').prop("disabled", true);

また

$(':checkbox:checked.boundParent').prop("disabled", true);

フィドルをチェック

于 2012-10-17T05:43:35.597 に答える
0 
$(':checkbox:checked[class*="boundParent"]').prop("disabled", true);

</p>

于 2012-10-17T05:44:16.893 に答える
0

これを使って

$('.runTest').click(function(){
    $('input[class^="bound"]:checked').prop("disabled", true);
});

こちらで確認できます http://jsfiddle.net/9D8Xw/1/

于 2012-10-17T05:48:26.863 に答える
0 
$('input[type="checkbox"]').is(":checked").hasClass("boundChild").prop("disableb",true);
于 2012-10-17T05:45:28.457 に答える
0

このフィドルをチェック

$('.boundParent:checked').prop("disabled", true);
于 2012-10-17T05:50:47.970 に答える
0

私が考えることができる最も簡潔な形式は

$('input.boundParent[type=checkbox]:checked').prop("disabled", true);

他の回答についていくつかコメントがあります

// will select radioboxes as well 

$("input.boundParent:checked").prop("disabled", true);


// :checkbox is deprecated now

$(':checkbox:checked[class*="boundParent"]').prop("disabled", true);
于 2012-10-17T06:02:49.937 に答える