使用querySelector从单选按钮读取2个值

Question

您好，我如何使用queryselector从单选按钮中读取两个值并将值存储在javascript中的数组中。下面的代码示例是：

    <input type="radio" name="one" value="correct" class="firstRow">&nbsp;Option 1 Mark 1: $650 
        <input type="radio" name="two" value="incorrect" class="secondRow">&nbsp;Option 1 Mark 2: Twitter<br> 
        <input type="radio" name="one" value="incorrect" class="firstRow">&nbsp;Option 2 Mark 1:$550 
        <input type="radio" name="two" value="incorrect" class="secondRow">&nbsp;Option 2 Mark 2:Google<br> 
        <input type="radio" name="one" value="incorrect" class="firstRow">&nbsp;Option 3 Mark 1:$650 
        <input type="radio" name="two" value="correct" class="secondRow">&nbsp;Option 3 Mark 2:$650<br> 
        <!--button --> 
        <input type="button" value="Submit & Next Question" onclick="getAnswer3(this.form)" class="firstRow"> 
        <input type="button" value="Cancel & Clear Selection" onclick="clearOptions(this.form)"> 

的Javascript我的想法：

function getAnswer3(form) { 
    var result = []; 
    //this only reads one value but i need to read 2 values.. 
    var checked = form.querySelector("input[type=radio]:checked"); 

    if(!checked) { 
    alert('Please select 2 answers..'); 
} 
    else{ 
     //reads the values 
    } 
    //stores the values in the array.. 
} 

Answer 1

你需要form.querySelectorAll("input[type=radio]:checked");

记住什么来自querySelectorAll回来是不是一个真正的数组，所以没有按没有任何典型阵列所具有的特别有趣和简单的帮助方法。

它确实有一定的长度。尽管如此，

if checked不会有帮助。 你总是会得到一个NodeList回来。

该列表可能有长度=== 0，但它仍然是一个列表（因此仍然通过检查，看它是否存在）。请检查长度是否为< 2。