быстрый HTML и JavaScript

Question

<form action="#" onsubmit="return validateForm()" method="post"> 
      <table> 
        <tr> 
         <td><p> 1. </p></td> 
         <td><label> I am cool </label></td> 
         <div class="allQuestion"> 
         <?php for($i=1; $i<=10; $i++){?><td><input type="radio" name="Dquestion[1]" value="<?=$i?>"> <?=$i?> </td> <?php } ?> 
         </div> 
        </tr> 
</table><!-- strength_table end --> 
<input type="submit" value="Submit"><br/> 
</form> 

JS

function validateForm(){ 
    var questions = document.getElementsByClassName("allQuestion"); 
    for(var j=0; j<questions.length; j++){ 
    if(!isOneInputChecked(questions[j], "radio")){ 
     formValid = false; 
    } 
    } 
    alert(formValid ? "Submisson succesful!" : "Submisson Failed"); 
    return formValid; 
} 



function isOneInputChecked(sel){ 
    var inputs = sel.getElementsByTagName('input'); 

    for(var k = 0; k < inputs.length; k++){ 
    if(inputs[k].checked) 
     return true; 
    }; 
    return false; 
}; 

Я использую это, чтобы проверить мой радио вопрос, работает отлично, но когда я поставил <td> перед тем <input>, это работает странно, я знаю, что это цель, эффект все input warp by allQuestion и td блокирует его.

любая идея, как я держу тд на месте и создаю скрипт? я судимый этот код, но didt работы

var questions = document.getElementsByClassName("allQuestion").getElementsByTag("Td"); 

Answer 1

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

function validateForm(){ 
    var checked = document.querySelector('form').elements.some(function(el){ 
    return el.checked; 
    }); 
    if(checked){ 
    //at least one is checked 
    } else { 
    //none are checked 
    } 
} 

Answer 2

1. Я не точно проверить это, а просто попытаться дать идентификатор к тду, что и являются целевыми. var questions = document.getElementsByTag ("id_name"); // id_name является идентификатором td

* просто дополнительные примечания, используя таблицу, не является хорошей практикой, используйте другие простые HTML и CSS для более гибкого и читаемого кода.