Помечаем все чекбоксы
HTML
<script src="https://dimox.github.io/jQueryFormStyler/dist/jquery.formstyler.js"></script>
<link rel="stylesheet" href="https://dimox.github.io/jQueryFormStyler/dist/jquery.formstyler.css">
<link rel="stylesheet" href="https://dimox.github.io/jQueryFormStyler/dist/jquery.formstyler.theme.css">
<a href="#" id="selall">Выделить все / Отменить выделение</a>
<br><br>
<input type="checkbox" name="name1" value="val1">
<input type="checkbox" name="name2" value="val2">
<input type="checkbox" name="name3" value="val3">
JavaScript
(function($) {
$(function() {
$(':checkbox').styler();
var checked = false;
$('#selall').click(function() {
if (checked) {
$(':checkbox').each(function() {
$(this).prop('disabled', true).trigger('refresh');
});
checked = false;
} else {
$(':checkbox').each(function() {
$(this).prop('checked', true).trigger('refresh');
});
checked = true;
}
return false;
});
})
})(jQuery)