$('input[type=button]').on('click', function(){
$('input[type=checkbox]').each(function() {
var checked = $(this).prop('checked');
$(this).prop('checked', !checked);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<input type="checkbox" checked />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" checked />
<input type="checkbox" checked />
<input type="button" value="clickme" />
Пробегаем элементы. Смотрим их чеканутость атрибут checked
. Берем его и меняем на противоположный.
UPD. Говорят, each
не обязателен. Так что можно написать даже вот так:
$('input[type=button]').on('click', function(){
$('input[type=checkbox]').prop( "checked", function(i, prop) {
return !prop;
});
});
each
. Чтоб вы знали)