Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.04.2019, 11:59
Кандидат Javascript-наук
Отправить личное сообщение для Julia1991 Посмотреть профиль Найти все сообщения от Julia1991
 
Регистрация: 13.08.2017
Сообщений: 104

Условие при checked input
<div class="input_block">
					<input name="floor" type="radio" value="1-этаж">
					<span>1</span>
				</div>

Подскажите, пожалуйста, как с помощью jq сделать так, чтоб при checked input - блок .input_block менял цвет фона?
Так не работает
jQuery(document).ready(function() {
if(jQuery(".input_block input[type='radio"]").is(":checked")) {  
    jQuery(".input_block").css("background", "red");
}
});
Ответить с цитированием
  #2 (permalink)  
Старый 15.04.2019, 12:26
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 26,300

Julia1991,
<!DOCTYPE html>

<html>
<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
    .red{
        background-color: #FF0000;
    }

    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>
jQuery(function() {
    var divs = jQuery(".input_block").each(function(i, div) {
        div = $(div).on("change", '[type="radio"]', function() {
            divs.removeClass("red");
            div.addClass("red");
        });
    });
});
    </script>
</head>

<body>
<div class="input_block">
                    <input name="floor" type="radio" value="1-этаж" >
                    <span>1</span>
                </div>
<div class="input_block">
                    <input name="floor" type="radio" value="2-этаж" >
                    <span>2</span>
                </div>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение текста при изменении содержимого поля input Win_D Элементы интерфейса 2 13.01.2018 23:45
При клике на ссылку изменить значение radio checked deadfox jQuery 3 17.03.2017 13:09
Поменять фон при вводе в текст поле input teamf7 Элементы интерфейса 5 03.04.2016 21:28
При добавлении DOCTYPE "плывут" размеры input type=text Demath (X)HTML/CSS 4 08.07.2012 18:27
условие при переходе Q4Dizzy Общие вопросы Javascript 1 12.04.2012 12:02