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:26. |