Привет всем!
Не пойму, делаю примерно такое:
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$("body div:first :checkbox").click(function() {
if(this.checked == true) $("body div:last :checkbox").attr("checked", true);
else $("body div:last :checkbox").attr("checked", false);
});
});
</script>
</head>
<body>
<div style="border: 2px solid red;">
<input type="checkbox">
</div>
<div style="border: 2px solid red; margin-top: 5px;">
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox">
</div>
</body>
Смысл в том, чтобы первый чекбокс сбрасывал или устанавливал все чекбоксы, но после первого установки/сброса визуально не показывается что они устанавливаются, хотя в хроме в режиме разработчика (F12) показывается что атрибут checked устанавливается и удаляется.
firefox тоже так делает. IE через раз показывает
Что не так?