2013-10-24 2 views
0

Я настолько тупой в javascript, я хотел бы попросить вашу помощь о проверке радио кнопки. У меня есть 3 набора вопросов, каждый из которых имеет 3 переключателя. Я хочу проверить, были ли ответы на все три вопроса или проверены.Javascript проверяет все переключатели, если отмечен

Заранее спасибо

Вот код, который я испытал, это только подтверждает 1 радиокнопку

<script type="text/javascript"> 
function validateForm() { 
    var radios = document.querySelectorAll("#option1, #option2, #option3, #option4, #option5, #option6"); 
    var formValid = false; 

    var i = 0; 
    while (!formValid && i < radios.length) { 
     if (radios[i].checked) formValid = true; 
     i++;   
    } 

    if (!formValid) alert("Must check some option!"); 
    return formValid; 
} 
</script> 
+0

поделиться с нами, что у попытались ... –

+0

проверки эта нить .. http://stackoverflow.com/questions/3780040/validating-a-radio-button -is-checked-with-jquery – HackerGK

+0

Я отредактировал вопрос. Спасибо – tmv1845331

ответ

0

попробовать это работает для меня

<script type="text/javascript"> 
     function validateForm(){ 
      var inputs = document.querySelectorAll("#option1,#option2,#option3,#option4,#option5,#option6") 
      var formValid = false; 
      for(var i=0;i<inputs.length;i++){ 
       if(inputs[i].checked){ 
        formValid = true; 
       } 
      } 
      if(!formValid){ 
       alert("Must check some option!"); 
      } 
     } 
    </script> 

HTML код

<body>  
    <form name="frm">   
      Question 1<br> 
      <input type="radio" name="group1" value="Ans1" id="option1">Ans1<br> 
      <input type="radio" name="group1" value="Ans2" id="option2">Ans2<br> 
      Question 2<br> 
      <input type="radio" name="group2" value="Ans1" id="option3">Ans1<br> 
      <input type="radio" name="group2" value="Ans2" id="option4">Ans2<br> 
      Question 3<br> 
      <input type="radio" name="group3" value="Ans1" id="option5">Ans1<br> 
      <input type="radio" name="group3" value="Ans2" id="option6">Ans2<br> 

     <input type="submit" value="Test" onclick="validateForm();" /> 
    </form> 
</body> 
+0

Спасибо за ваш ответ, но код по-прежнему проверяет только один переключатель. – tmv1845331

+0

на моей машине проверяет все радиокнопки, попробуйте использовать var input = document.querySelectorAll ("input [type = radio]") –

+0

Спасибо, Сумит! для справки, но когда я пытаюсь выбрать один, он проверяет форму. Если я выберу 1 из 3 переключателей, появится предупреждение о сообщении, если 2 из 3, появится также сообщение. Я должен выбрать 3 переключателя, чтобы он мог обработать действие формы. – tmv1845331

0

я решил проблему с этим кодом if ($('div.quizbox:not(:has(:radio:checked))').length) { alert("You missed answering one or more of the questions."); }

Смежные вопросы