błąd JavaScript NaN w programie Internet Explorer

Question

Mam formularz z przyciskami radia:

<ul class='likert'> 
    <li> 
    <input type="radio" name="q1" value=5 required> 
    </li> 
    <li> 
    <input type="radio" name="q1" value=4> 
    </li> 
    <li> 
    <input type="radio" name="q1" value=3 checked="checked"> 
    </li> 
    <li> 
    <input type="radio" name="q1" value=2> 
    </li> 
    <li> 
    <input type="radio" name="q1" value=1> 
    </li> 
</ul> 

w Firefox i Chrome,

parseInt(document.forms["question_form"]["q1"].value) 

zwraca 3 (lub cokolwiek), ale w programie Internet Explorer I get „NaN ".

(Przepraszam jeśli pytam to źle, jestem tu nowy ...)

Answer 1

IE zwraca HTMLCollection gdy nazwy nie są unikalne w document.forms["question_form"]["q1"].

Zobacz Uwagi na IHTMLElementCollection

„Jeśli zostaną znalezione zduplikowane nazwy, zbiór tych wymienionych elementów jest zwracany.”

można uzyskać sprawdzana wartość na przykład tak:

var val = document.querySelector('.likert input:checked').value); 

Answer 2

dla nowoczesnej przeglądarki, czystym rozwiązaniem js jest:

document.querySelector('input:checked').value; 

Jeśli można użyć jQuery, to nieco bardziej proste i eleganckie:

$("input:checked").val();