无法检查子单选按钮

Question

我在容器内设置了单选按钮，其类名为 answers，容器可能是 span 或 ol，即：

<ol class="answers"> <!-- radio buttons set here li per each button --></ol>

OR
<span class="a-panel answers"><!-- radio buttons set here --></span>

每个容器的所有无线电集都有唯一的属性name 值。

我无法使用以下代码获取选中的值：

$(".answers").each(function(){
alert($(this).children("input[type=radio]:checked").val())
})

它总是提醒未定义。这是Jsbin DEMO

Answer 1

这是一个纯 JavaScript 解决方案。为您的所有收音机提供相同的名称和不同的 ID。然后用这个函数获取id：

function obtainSelectedRadioId(name) {
    var radios = document.getElementsByName(name);
    var res = '';
    for (var i = 0, length = radios.length; i < length; i++) 
        if (radios[i].checked) 
            res = radios[i].id;
    return res;
}