Javascript/HTML 复选框获取选中值

Question

我有几个复选框，每组只有一个可选组件。复选框的示例如下:

   <label class="checkbox inline">
        <input type="checkbox" id="question1option1" name="question1options" value="correct" onclick="SingleSelect('question1option',this)"> 1
    </label>
    <label class="checkbox inline">
        <input type="checkbox" id="question1option2" name="question1options" value="wrong" onclick="SingleSelect('question1option',this)"> 2
    </label>
    <label class="checkbox inline">
        <input type="checkbox" id="question1option3" name="question1options" value="wrong" onclick="SingleSelect('question1option',this)"> 3
    </label>
    <label class="checkbox inline">
        <input type="checkbox" id="question2option1" name="question2options" value="correct" onclick="SingleSelect('question2option',this)"> 1
    </label>
    <label class="checkbox inline">
        <input type="checkbox" id="question2option2" name="question2options" value="wrong" onclick="SingleSelect('question2option',this)"> 2
    </label>
    <label class="checkbox inline">
        <input type="checkbox" id="question2option3" name="question2options" value="wrong" onclick="SingleSelect('question2option',this)"> 3
    </label>

我有一个 javascript 函数，可以通过传递单选按钮组(如下)来提取选择哪个单选按钮，是否有等效的人可以帮助我获取选中的复选框的值(每个“组中只有一个”) ')请以类似的方式？

function getRadioValue (theRadioGroup)
    {
        for (var i = 0; i < document.getElementsByName(theRadioGroup).length; i++)
        {
            if (document.getElementsByName(theRadioGroup)[i].checked)
            {
                return document.getElementsByName(theRadioGroup)[i].value;
            }
        }
    }

提前致谢。

Answer 1

实际上，如果您更正对 SingleSelect 或标记的调用，则相同的函数将起作用；您的标记使用诸如 question1options 之类的名称，但对 SingleSelect 的调用使用诸如 question1option 之类的名称(不带 s结束)。解决这个问题就可以了:Live Example

显然，当您单击复选框时，复选框不会自动取消选择其他同名复选框(这就是 type="radio" 的用途)。但我想你知道这一点。 :-)