Всем добрый вечер.
Посмотрите код. Нужно, чтобы работало так - установка и снятие галочек происходило и при нажатии на квадратик, и при нажатии на слово, и чтобы при этом слово окрашивалось в красный и белый цвет соответственно.
Проблема 1 - в IE (в Опере норм работает)
При нажатии на слово ничего не происходит (ни цвет не изменяется, ни галочки не ставятся).
Проблема 1 - и в Опере, и IE
При установке/снятии галочек при нажатии на квадартики цвет слова не изменяется.
Возможно, вы спросите зачем через focus - просто если обрабатывать события через click, то галочки почему-то не ставятся!
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input:checked").next("span").addClass("box");
$("input").focus(function(){
$(this).next("span").addClass("box")
$("input:not(:checked)").next("span").removeClass("box");
return false;
});
});
</script>
<style>
.box {
background:red;
}
</style>
</head>
<body>
<label><input type=checkbox value="yes" /><span>Иванов</span></label><br>
<label><input type=checkbox value="yes" CHECKED="true" /><span>Петров</span></label><br>
<label><input type=checkbox value="yes" /><span>Сидоров</span></label><br>
</body>
</html>