Question

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

this

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)">

Answer 1

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

请记住，从querySelectorAll返回的内容实际上并不是一个数组，因此没有任何典型数组所做的特别有趣和简单的辅助方法。

但确实有一个长度。

但是，

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

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

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

1 个答案: