Изменение отображения с JQuery не работает

Question

Изменение отображения с JQuery не работает

0

Я пытаюсь, чтобы div с классом "manual_override_warning" был невидим, если пользователь не выбирает радиокнопку с идентификатором "manual_override_yes", но ничего не происходит, когда я нажимаю на кнопку, и я не вижу, где я ошибаюсь. Я попытался использовать.css(),.show() и.prop() и не смог заставить их работать.

Вот мой текущий js:

$(document).ready(function(){

    $(document.body).on('keypress keydown keyup change click',
        '#manual_override_yes, #manual_override_no', function() {
            if($("#manual_override_yes").prop('checked', true)) {
                $(".manual_override_warning").css("display", "block");
            }
    });

});

Вот html:

 <div class="manual_override_warning">Manual Override is Enabled. Autocompletion has been turned off.</div>

И вот css:

.manual_override_warning{
    background-color: red;
    color: white;
    text-align: center;
    font-style: italic;
    line-height: 2em;
    display: none;
}

Любая помощь будет принята с благодарностью! Спасибо, парни!

mario 24 апр. 2014, в 20:21

Источник

0

Как насчет того, чтобы просто изменить этот беспорядок с событием, которое на самом деле предназначено для переключателей, с событием change ?
adeneo 24 апр. 2014, в 17:48
0

Нет, это не так. Хороший вопрос, хотя.
mario 24 апр. 2014, в 17:49
1

Попробуйте вот так -> jsfiddle.net/CpX5w
adeneo 24 апр. 2014, в 17:57
0

Это тоже не исправило, но спасибо.
mario 24 апр. 2014, в 18:00
0

Будет ли какая-то разница, если я попробую использовать вместо этого выбор?
mario 24 апр. 2014, в 18:03

Показать ещё 3 комментария

Теги:

javascript

jquery

html

css

1 ответ

Ещё вопросы

Как насчет того, чтобы просто изменить этот беспорядок с событием, которое на самом деле предназначено для переключателей, с событием change ?
Нет, это не так. Хороший вопрос, хотя.
Это тоже не исправило, но спасибо.
Будет ли какая-то разница, если я попробую использовать вместо этого выбор?

showdev · Accepted Answer · 2014-04-24T16-50-00.000Z

Вы можете поместить слушателя в событие change для переключателей. Для краткости я выбрал их по имени, а не по id или классу. Затем установите display предупреждающего сообщения на основании значения измененного переключателя.

<div class="manual_override_warning">
  Manual Override is Enabled. Autocompletion has been turned off.
</div>    

<label><input type="radio" name="manual_override" value="yes" /> Yes</label>
<label><input type="radio" name="manual_override" value="no" checked="checked" /> No</label>

$(document).on('change', 'input[name=manual_override]', function() {
    var display=$(this).val()=='yes'?"block":"none";
    $(".manual_override_warning").css("display",display);
});

РАБОЧИЙ ПРИМЕР