如何使許多獨立/可靠的元素選擇？

Question

我試圖做出最終的代碼，它會發現如果複選框被選中，所以點擊它後將啓用可靠的塊。這並不難。但有可能使代碼與其他相似元素一起工作，而無需爲每個id或class複製/粘貼代碼。下面是代碼： 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'); 
    } 
    }); 
});