|
Сообщение от utb
|
|
а если пользователь кликает по псевдочекбоксу, он автоматически кликает и по label, т.к. псевдочекбокс вложен в label
|
Как же тебе еще объяснить... Неиспользуй другие клики. Лабель все сделает за тебя. При клике на нее просто меняй внешний вид и все. Значение в настоящем чеке само поменяется.
Ничего больше мудрить не нужно.
<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
input[type='checkbox'] {
display: none;
}
.input_checkbox {
display: inline-block;
width: 17px;
height: 17px;
background: url('http://xozblog.ru/wp-content/uploads/2012/10/check_radio_sheet.png') 0 0;
}
.input_checkbox.on {
background: url('http://xozblog.ru/wp-content/uploads/2012/10/check_radio_sheet.png') -20px 0;
}
</style>
<script type='text/javascript'>
$(function () {
$('label').mouseup(function (){
$(this).find('.input_checkbox').toggleClass('on');
});
});
</script>
</head>
<body>
<label for="check">
<input type="checkbox" id="check">
<span class="input_checkbox"></span>
bla-bla
</label>
</body>
</html>