jquery addClass 到所有标签

Question

我有

<div id="brand_name">
Audi
<span class="select_all">
Select all
</span>
</div><div class="models">
<label for="search_model_id_in_61"><input id="search_model_id_in_61" name="search[model_id_in][]" type="checkbox" value="61">100</label>
<label for="search_model_id_in_62"><input id="search_model_id_in_62" name="search[model_id_in][]" type="checkbox" value="62">80</label>
</div>

我尝试这样写:

$(".select_all").click() {
   var models = $(this).parent().next()
}

但是如何将Class class="checked"添加到所有标签

Answer 1

要在选中和取消选中的所有复选框之间切换，可以这样做:

$(".select_all").click(function() {
    var $select_all = $(this),
        $chk = $select_all.parent().next().find('input[type="checkbox"]');

    $select_all.toggleClass('active');

    if( $select_all.hasClass('active') ) {
        $chk.prop('checked', true);   
    } else {
        $chk.prop('checked', false);     
    }
});

演示 here