Заметки для меня и коллег. Темы — разработка, продвижение сайтов, заработок в интернете.

Выбрать все чекбоксы js

<input type="checkbox" class="first" />
<input type="checkbox" class="first" checked />
<input type="checkbox" class="first" />

<label><input type="checkbox" class="select-all-first" /> Select all first</label>

<input type="checkbox" class="second" />
<input type="checkbox" class="second" checked />
<input type="checkbox" class="second" />

<label><input type="checkbox" class="select-all-second" /> Select all second</label>

 

$('.select-all-first').on('change', function(){
    $('.first').prop('checked', $(this).is(':checked'))
});

$('.select-all-second').on('change', function(){
    if ($(this).is(':checked'))
        $('.second').each(function(){
            this.checked = true;
        });
    else
        $('.second').removeAttr('checked');
});

 

input, label { display: block; }
label input { display: inline; }

 

 

 


Комментарии к статье