background :checked
Возникла проблема, как мне нужно проверить если чек бокс активен то меняем фон родителя, написал что такое;
if($('.stlchek input:checked')) { $('.stlchek').css('background-position','0 0'); } else { $('.stlchek').css('background-position','0 -122px'); } |
if($('.stlchek input:checked')*!*.length*/!*) |
Цитата:
|
Проверяет, что коллекция не пустая. Для пустой выборки приведение к булеву типу все равно даст true.
|
Цитата:
ошибаешься: <input type="checkbox" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script> $('input:checkbox').click(function() { if ($('input:checked').length) $('body').css({backgroundColor: 'red'}); else $('body').css({backgroundColor: 'white'}); }); </script> |
Цитата:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script> var $collection = $('#this-element-does-not-exist-on-the-page'); if ($collection) { alert('А может быть, все же где-то он есть?'); } if ($collection.size()) { // $collection.length alert('Нету..'); } </script> |
Цитата:
Цитата:
|
Ну так в об этом и говорил :)
|
а где сейчас мою ошибка?
$('.stlchek input:checkbox').ready(function() { if ($('.stlchek input:checked').length) $(this).parents('.stlchek').css({backgroundColor: 'red'}); else $(this).parents('.stlchek').css({backgroundColor: 'white'}); }); |
Так ты чей IF прокомментировал ТС'а или мой (так как в моем было .length) ? :)
Я подумал что твой комментарий к моему сообщению относится)) Beriagts, Я хз если у инпута есть ready. Но тебе надо при загрузки страницы выполнить ? поставь тогда ready на документ |
Конечно, TC'а..
|
Цитата:
|
мб так
$(function() { if //Условие и т.д. тот скрипт. }); |
Цитата:
$(function() { if ($('.stlchek input:checked').length) { $(this).parents('.stlchek').css({backgroundColor: 'red'}); } else { $(this).parents('.stlchek').css({backgroundColor: 'white'}); } }); <form style="width: 400px;height: 400px;margin: 400px auto;"> <div class="stlchek"><input type="checkbox" checked=""/></div> <div class="stlchek"><input type="checkbox"/></div> </form> |
А в чем собсно проблема ? при загрузки страницы, ни одного выбранного чекбокса соответственно фон белый или что ?
Скажите что вы получаете и чего ожидаете |
Цитата:
|
Хммм, не обратил внимание что не правильно используете
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script> $(function() { $('.stlchek').css({backgroundColor: 'white'}); $('.stlchek input:checked').each(function() { $(this).parents('.stlchek').css({backgroundColor: 'red'}); }); }); </script> <form> <div class="stlchek"><input type="checkbox" name="c" checked=""/></div> <div class="stlchek"><input type="checkbox" name="d" /></div> </form> |
Часовой пояс GMT +3, время: 00:53. |