从div中的单选按钮获取所选单选按钮？

Question

我有一个包含几个单选按钮的div，如下所示：

<div name="type" id="type">
    <ul class="options-list">
        <li>
            <input type="radio" name="myname1" value="121312" id="myid1">somevalue
       </li>
       <li>
            <input type="radio" name="myname2" value="121312" id="myid2">somevalue
       </li>
    </ul>
</div>

现在检查了其中一个，我怎么能使用普通的JavaScript或PrototypeJS获得那个？

谢谢！

Answer 1

你可以使用，

if(document.getElementById('myid1').checked){
     alert(document.getElementById('myid1').value)
}

if(document.getElementById('myid2').checked){
     alert(document.getElementById('myid2').value)
}

只是提出一个主意。

Answer 2

假设他们都有相同的name，你可以这样做：

function getCheckedRadio(rbGroupName) {
    var rb = document.getElementsByName(rbGroupName);

    for (i = 0; i < rb.length; i++) {
        if (rb[i].checked) {
            return rb[i].id;
        }
    }
}

现在您可以在点击/更改事件处理程序中调用此方法以返回 ID 。