jquery - 通过类名缩小 jquery 复选框选择

Question

我只想禁用选中且具有特定类的复选框。有很多非常相似的问题，但我找不到任何能够让它工作的东西。

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

在下面的示例中，仅应禁用第二项：

  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);

Answer 1

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

Answer 2

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

或者

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

或者

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

检查小提琴

Answer 3

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

​</p>

Answer 4

$('input[type="checkbox"]').is(":checked").hasClass("boundChild").prop("disableb",true);

Answer 5

用这个

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

​ 你可以在这里查看 http://jsfiddle.net/9D8Xw/1/

Answer 6

检查这个小提琴

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

Answer 7

我能想到的最简洁的形式是

$('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);