переключатель типа ввода имеет неверное значение в IE после нажатия кнопки «назад» - PullRequest
0 голосов
/ 29 октября 2019

Похоже, что что-то не так с тем, как создается моя страница, из-за чего переключатели отображают одно значение на странице и другое значение при правильном просмотре переключателей. с javascript, но я еще не нашел, поэтому этот вопрос больше не нужен, но соответствующая демонстрация, обсуждаемая в 1-м ответе, может помочь кому-то задаться вопросом, как получить доступ к статусу щелчка переключателя.

Оригинальный вопрос: Когда я нажимаю кнопку возврата истории браузера и возвращаюсь к странице, которую я только что отправил и которую я разрабатываю, мой код просматривает состояние отмеченных свойств пары переключателей, чтобы определить режим, в котором находилась страница, когдаон был отправлен в последний раз, и при этом отображаются / скрываются элементы страницы, поэтому страница выглядит так, как она была при отправке. В последних версиях Chrome и IE Chrome работает нормально, но IE показывает, что переключатели выглядят проверенными не так, как в отладчике F12 Developer Tool, который показывает проверенные свойства этих двух переключателей в противоположном состоянии по отношению кчто видно на странице.

Есть ли в IE особый способ получения значения переключателя после использования кнопки "Назад"?

1 Ответ

0 голосов
/ 06 ноября 2019

Я создал демонстрационную страницу, которая показывает, что для доступа к значениям элемента переключателя ввода после нажатия кнопки «Назад» браузера не требуется никакого специального кодирования. Вот две ссылки на CodePen, демонстрирующие это: Демонстрация CodePen (режим отладки) или Демонстрация CodePen (режим предварительного просмотра) .

Демонстрация работает правильно только в CodePen. режим отладки, но вы можете захотеть увидеть нормальный режим предварительного просмотра / редактирования CodePen, поэтому обе ссылки предоставляются.

Среди всех способов получить доступ к значению значения переключателя ввода, вот несколько:

document.getElementById( 'radio_id' ).checked

document.getElementsByName( 'radio_name' ).checked              // deprecated in HTML5!

document.querySelector( 'input[name="radio_name"]' ).checked    // 1st radio button with the name.

document.querySelectorAll( 'input[name="radio_name"]' ).checked // all of the radio buttons
...