checked active element formstyler

by Vladislav Altyncev

HTML

<script src="http://shadow.perm.ru/test/pioneer/js/libs/jquery.formstyler.min.js"></script>
<link rel="stylesheet" href="http://shadow.perm.ru/test/pioneer/css/libs/jquery.formstyler.css">
<link rel="stylesheet" href="http://shadow.perm.ru/test/pioneer/css/style.css">
<div class="checkbox">
    <label>
        <input type="checkbox" checked="checked"> Только в наличии
    </label>
</div>
<div class="checkbox">
    <label>
        <input type="checkbox"> Только в наличии
    </label>
</div>
<div class="checkbox">
    <label>
        <input type="checkbox"> Только в наличии
    </label>
</div>

CSS

.checkbox label:hover,
.checkbox label.checked {
    font-weight: bold;
}

JavaScript

$("input, select").styler();

/*$(document).ready(function() {
  $('.checkbox label input').click(function() {
    $(this).closest('label').toggleClass('checked');
  });
})*/

    $('.checkbox label').click(function(e) {  
		e.preventDefault();  
		/* делаем чекбокс неактивным */  
		$(this).toggleClass('checked')  
		/* обновляем состояние псевдочекбокса */  
		.trigger('refresh');  
	});