如何使许多独立/可靠的元素选择？

Question

我正在尝试制作最终代码，它会发现复选框是否被选中，因此单击后它将启用可靠块。那并不难。但是是否有可能使代码与其他类似的元素一起工作，而无需为每个 id 或类复制/粘贴代码。这是代码： http://codepen.io/NeedHate/pen/GpmwaN

$('.main').click(function() {

    if ($(".dependable").is("[disabled]")) {
      $(".dependable").removeAttr('disabled');
    } else {
      $(".dependable").attr('disabled', 'true').removeAttr('checked');
    }

  });

Answer 1

如果我理解问题，试试这个：Demo

$(document).ready(function() {
  $('[class^=main]').click(function() {

    var dep = $(this).closest('div').find("[class^=dependable]");
    if (dep.is("[disabled]")) {
      dep.removeAttr('disabled');
    } else {
      dep.attr('disabled', 'true').removeAttr('checked');
    }
  });
});