получить все элементы в форме

Question

Im изучая Javascript, так как мое приложение растет, и я очень много начинаю с нуля. I im im очень новый для javascript.

Что Im пытается сделать

Получить значение всех выбранных переключателей на форме

псевдопользователей

1. Получить все элементы в форме присвоить массив
2. Loop над элементы, если тип - радио, и проверяется присвоение массиву

Мой код

var elmnts = document.getElementById("makePicksForm"); 
var lngth = document. getElementById("makePicksForm").elements.length; 

for(var x = 0; x< lngth; x++); 
var allElmts = elmnts.elements[x] 
if(allElmnts.type == "radio") 
window.alert(allElmnts);  
} 

Мой HTML

<form id="makePicksForm"> 
<input type="radio" id="picks'.$x.'" name="picks['.$x.']" value="'.$row['team1'].' "onclick="return disp()"><span>'.$team1.'</span> 
    </label> 
    <br /> 
    <br /> <label class="yellow"> 
    <input type="radio" id="picks'.$x.'" name="picks['.$x.']" value="'.$row['team2'].' "onclick="return disp()"><span>'.$team2.'</span> 
    </label><br /> 
    <br /> 
    <label class="pink"> 
    <input type="radio" name="picks'.$x.'" value="draw"> 
    <span>Draw</span> 
    </label><br />'; 

Моя проблема

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

Answer 1

Удалить полуколонна после того, как для сигнатуры цикла, поскольку она не будет выполнять инструкции в цикле с циклом. Также используйте блок кода для включения нескольких операторов в цикл for.

for(var x = 0; x< lngth; x++) 
{ 
    var allElmts = elmnts.elements[x] 
    if(allElmnts.type == "radio") 
     window.alert(allElmnts);  
} 

Answer 2

использование map() в JQuery

var allSelectedRadioValue = $("#makePicksForm [type=radio]:checked").map(function() { 
    return this.value; 
}).get(); 
console.log(allSelectedRadioValue) 

Fiddle