Как проверить переключатель в html с помощью Javascript?

Question

как я могу проверить входной переключатель? В настоящее время я делаю опрос с помощью переключателя. Я пробовал много способов проверить радио, но весь код непригоден. Любой может помочь? TQ. Ниже мой код

var f = document.frmSubmit;  
 

 
     var radios = document.getElementsByName('appbk') 
 

 
\t  for (var i = 0; i < radios.length; i++) { 
 
\t   if (document.getElementById("appbk") == false) { 
 
\t   alert('Remarks has exceeded allowable radio characters.'); 
 
\t   f.appbk.focus(); 
 
\t   return false; // checked 
 
\t  } 
 
\t  } 
 

 
     if (f.FEEDBACK_MSG.value != "") { 
 
\t   if (f.FEEDBACK_MSG.value.length > 500){ \t \t \t 
 
\t \t \t \t bootbox.alert('Remarks has exceeded allowable maximum characters.'); 
 
\t \t \t \t f.FEEDBACK_MSG.focus(); 
 
\t \t \t \t return false; 
 
\t \t \t } 
 
\t \t } 
 

 
     return true; 
 
     document.getElementById("btnsubmit").disabled = true; 
 
    }

<tr> 
 
\t \t <td><div class="text2">Appointment Booking </div></td> 
 
\t \t <td><div class="text3"> 
 
\t \t \t <span style="margin:0 30px;"><input type="radio" id="appbk1" name="appbk" value="1"><lable>1</lable></span> 
 
\t \t \t <span style="margin:0 30px;"><input type="radio" id="appbk2" name="appbk" value="2"><lable>2</lable></span> 
 
\t \t \t <span style="margin:0 30px;"><input type="radio" id="appbk3" name="appbk" value="3"><lable>3</lable></span> 
 
\t \t \t <span style="margin:0 30px;"><input type="radio" id="appbk4" name="appbk" value="4"><lable>4</lable></span> 
 
\t \t \t <span style="margin:0 30px;"><input type="radio" id="appbk5" name="appbk" value="5"><lable>5</lable></span> 
 
\t \t </div> 
 
\t \t </td> 
 
\t </tr>

Answer 1

попробовать это .... jsfiddle

$('.submit').click(function(e){ 
if($('input[name="myRadio"]:checked', '#myForm').val()!==undefined){ 
alert('submited'); 
} 
else{ 
alert('enter your choice'); 
} 
}); 

Answer 2

идентификатор должен быть уникальным, и вы можете GE радиокнопку значение (истина или ложь) с помощью document.getElementById («идентификатор кнопки радио»). Проверка или вам могут перемещаться по радиолампам, таким как радио [i] .checked == false вместо document.getElementById ("appbk") == false

Answer 3

Это зависит от того, когда вы хотите проверить, нажав кнопку формы , Я бы сделал функцию onclick для кнопки. Если какие-либо проверки полей не выбраны (с использованием цикла for и boolean установлено значение true при проверке), тогда запретите действие кнопки по умолчанию для href и вместо этого отобразите div с сообщением об ошибке. Таким образом, форма также будет сохраняться его предыдущие данные.

Answer 4

Вы можете проверить ссылку, отправленный RAYON DABRE как его код работает отлично.

ИЛИ

Вы просто должны проверить записи выбранных или не на основании ваших требований. Образец код был добавлен для справки

function funcheckvalidate() { 
     if (document.getElementById('btnSubmit').checked == true) { 
      alert('button checked'); 
     } else if (document.getElementById('btnSubmit').checked == false) { 
      alert('button not checked'); 
     } 
    } 

HTML для того же

<table> 
    <tr> 
     <td> 
      <div class="text2"> 
       Appointment Booking 
      </div> 
     </td> 
     <td> 
      <div class="text3"> 
       <span style="margin: 0 30px;"> 
        <input type="radio" id="appbk1" name="appbk" value="1"><lable>1</lable></span> 
       <span style="margin: 0 30px;"> 
        <input type="radio" id="appbk2" name="appbk" value="2"><lable>2</lable></span> 
       <span style="margin: 0 30px;"> 
        <input type="radio" id="appbk3" name="appbk" value="3"><lable>3</lable></span> 
       <span style="margin: 0 30px;"> 
        <input type="radio" id="appbk4" name="appbk" value="4"><lable>4</lable></span> 
       <span style="margin: 0 30px;"> 
        <input type="radio" id="appbk5" name="appbk" value="5"><lable>5</lable></span> 
      </div> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      <input type="button" id="btnSubmit" value="submit" style="width: 75px;" onclick="return funcheckvalidate()" /> 
     </td> 
    </tr> 
</table>