html переключатель должен быть выбран по умолчанию при загрузке страницы - PullRequest
0 голосов
/ 29 мая 2020

Я пытаюсь установить переключатель по умолчанию при загрузке страницы.

На приведенном ниже экране это загруженный фрейм. Я пытаюсь включить переключатели, используя

document.formName.radioButtonId[1].checked = true;

Где formName - это имя моей формы, которое я объявил в html, radioButtonId - это идентификатор переключателя, который я использовал в html.

<div>
 <form name = "formName">
.
.
.
.
   <div>
     <input type = "radio"
            id = "radioButton"
.
.
.
   </div>
 </form>
</div>


Итак, я ожидаю, что из приведенного выше кода должна быть включена радиокнопка Джо.

Но html загружен не полностью, и когда я загружаю document.formName.radioButtonId[1].checked = true; error on console says radioButton был не определен, так как форма недоступна.

Я не могу получить доступ ни к одному из элементов из form, пока он не будет полностью загружен. Есть ли способ проверить, загружен ли или виден ли заголовок страницы, а затем выполнить условие, которое я хочу выполнить?

Я пробовал

if (document.readyState === "complete") { //do something }

Это не сработало, потому что документ .readyState всегда complete, так как документ ссылается на родительский документ на скриншоте, вы можете видеть, что он ссылался на фоновую страницу.

После полной загрузки Modify Name я смог получить доступ к форме formName и Мне удалось сделать Joe выбранным с помощью document.formName.radioButtonId[1].checked = true;

. Я делаю Джо как проверенное на основе условия из кода, который у меня есть (fyi). Это может измениться, поэтому нужно сделать общий c.

[! [Изменить имя является дочерним по отношению к фоновому изображению, как всплывающее окно] [2]] [2] Нужна помощь в том, как сделать так, чтобы Джо был проверен после загрузки страница автоматически.

Ответы [ 3 ]

1 голос
/ 29 мая 2020

Вы бы написали в своем html <input type="radio" id="radioButton" checked />. Это намного проще, чем использовать для этого javascript.

1 голос
/ 29 мая 2020

Просто поставьте отмеченный встроенный HTML:

например:

<input type = "radio" id = "radioButton" value="Joe" checked>Joe
0 голосов
/ 29 мая 2020
<input type = "radio" id = "radioButton" checked>

ИЛИ в Javascript

window.onload = function() {..}

...