javascript - 从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;
        }
    }
}

现在您可以在click/change 事件处理程序中调用它来返回ID。