Checked js radio: html — Check a radio button with javascript — Вебджем.рф

Содержание

Как проверить, выбрана ли радиокнопка с помощью JavaScript?

< html >

< head >

< title >

Как проверить, работает ли переключатель

выбирается с помощью JavaScript?

title >

head >

< body >

< h2 style="color:green;">

GeeksforGeeks

h2 >

< h4 >

Click on the button to check whether< br >

выбрана или нет радиокнопка

h4 > 9 0009

`0008`

< Форма >

< Вход Тип = "Радио" Имя = "GFG"

value = "GEEKSFORGEEKES"> GEEKELS "

Value =" GEEKSFORGEEKEELS "

. BR >

< Вход Тип = "Радио" Имя = "GFG"

Значение = "HTML"> HTML < BR >

< Вход Тип = "Radio" = "GFG"

    «JavaScript»> JavaScript <  BR  > <  BR  > 
  
    <  Кнопка   Тип = ».0008
                 Submit 
               button   > 
           form   > 
         <   br   > 
         <   div   id="disp" style= 
             "цвет: зеленый; размер шрифта: 18 пикселей;"> вес: 9 жирный0008
      Div  > 
    Body  > 
    <  Дис. 
                 if(document.getElementById('GFG').checked) { 
                                            document.0008
                        = document.getElementById("GFG").value 
                                         
                 } 
                 else if(document.getElementById('HTML').checked) { 
                     document.getElementById("disp").innerHTML 
                         = document.getElementById("HTML").value 
                        + "переключатель установлен"; 
                 } 
                 else if(document. getElementById('JS').checked) { 
                     document.getElementById("disp").innerHTML 
                         = документ.getElementById("JS").значение 
                        + "переключатель проверен"; 
   } 
    else {
    Документ. GetElementByID ("Disply"). Innerhtml 
    = "нет ни одного выбранного"; 
                 } 
             } 
      Script  > 
    HTML  >

Как проверить Radio Radio Dlike.

Интервью

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

Что такое переключатель?

Радиокнопка позволяет пользователю выбрать один параметр из предопределенного списка параметров. Его использование может варьироваться от заполнения форм до выбора игр и многого другого.

Как разработчику JavaScript сообщить пользователям, какой переключатель был выбран?

Пример

Допустим, нам нужно знать уровень образования заявителя. Мы приходим к четырем уровням — начальный, средний, степень или мастера.

Для этого нам нужны четыре переключателя для образовательного фона и кнопка отправки, которая возвращает значение проверенного переключателя.

Давайте создадим переключатели и кнопку отправки в HTML.

Выберите уровень образования

Основной

Вторичный

Степень

Мастера

Создание радио и кнопки отправки

Объяснение

Строки 7–14: Мы создаем четыре переключателя, которые позволяют пользователям выбирать уровень своего образования. Свойство input, id , необходимо, чтобы позволить DOM JavaScript получить доступ к вводу с помощью document.getElementById . Не забудьте использовать один и тот же атрибут name для всех кнопок, чтобы гарантировать, что два переключателя не могут быть выбраны одновременно.
Строки 15–17: Мы создаем кнопку отправки для отправки значения выбранного переключателя.
Строка 16: Атрибут кнопки onclick позволяет нам выполнить функцию display() JavaScript после нажатия.

Поиск выбранного переключателя

Мы будем использовать объектную модель документа (DOM) JavaScript для выбора переключателя id для каждого входа и использовать операторы if/else для поиска выбранного переключателя.

  функция отображения(){ 
  if(document.getElementById('firstselection').checked) { 
  document.getElementById('message').innerHTML = document.getElementById('firstselection').value + ' '+ "уровень выбран" 
  } 
  else if(document.getElementById('secondselection').checked) { 
  document.getElementById('message').innerHTML = document.getElementById('secondselection'). value +' ' + "уровень выбран" 
  } 
  else if(document.getElementById('firstselection').checked) { 
  document.getElementById('сообщение').innerHTML = document.getElementById('третийвыбор').значение +' ' + "уровень выбран" 
  } 
  else if(document.getElementById('четвертыйвыбор').checked ) { 
  document.getElementById('сообщение').innerHTML = document.getElementById('четвертый выбор').value +' ' + "уровень выбран" 
  } 
  else{ 
  document.getElementById('сообщение' ).innerHTML = "Образование не выбрано" 
  } 
  }

Функция display()

Пояснение

Строка 1: Мы определяем функцию display() , чтобы найти выбранный переключатель.
Строки 2–13: Мы используем функцию JavaScript DOM document.getElementById() для доступа к входу радио, а затем используем операторы if/else , чтобы найти значение выбранного переключателя.

Checked js radio: html — Check a radio button with javascript