Делаю кастомный чекбокс.
При клике на lable успешно меняю картинку.
Но не знаю как передать значение в скрытый input type="checkbox". Нужно чтобы атрибут менялся - это "раз" и не знаю как правильно менять checked="checked" на unchecked="unchecked" или просто удалять checked="checked" - это "два". Прошу помочь по этим 2 вопросам.
Код:
<label for="new-window">
<input type="checkbox" id="new-window" class="hide" value="new-window" checked="checked" />
в новом окне
</label>
$('label').click(function() {
$(this).toggleClass('unchecked');
...
return false
});
Код:
|
.label {
display: block;
height: 13px;
padding-left: 19px;
font-size: 11px;
cursor: pointer;
background: url('../img/checkbox.png') no-repeat;
}
.label.unchecked {
background-position: 0 -13px;
} |