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

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