无法检查子单选按钮

Question

我在名为 class 的容器中设置了单选按钮 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;
}

无法检查子单选按钮

Could not able to get checked child radio button

jquery

jquery-selectors

radio-button