Кнопка Radio "Checked = checked" не изменяется при изменении опции
Я создал базовую форму с двумя кнопками, как показано в моем примере ниже.
Наблюдая за рендерингом браузера, мы видим, что выбран пункт 1. Мы проверяем пункты 1 и 2.
Когда я нажимаю элемент 2, я ожидаю, что элемент 1 checked = checked будет удален. Я ожидаю, что элемент 2 получит атрибут checked = checked.
Это не ожидаемое поведение?
<div>
<span>Item 1</span>
<input type="radio" name="radio1" id="radio1" checked="checked" />
</div>
<div>
<span>Item 2</span>
<input type="radio" name="radio1" class="checkbox" id="radio2" />
</div>
http://jsfiddle.net/chrimbus/ZTE7R/1/
Ответы
Ответ 1
Атрибут checked
указывает переключатель, отмеченный по умолчанию, а не текущий флажок.
Смотрите этот примерный код. Нажмите второй переключатель, затем нажмите Reset. Затем снова нажмите второй переключатель, затем Переключите, затем Reset.
Проверенное свойство предоставит текущее состояние переключателя.
![Checked attribute vs checked property]()