從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; 
     } 
    } 
} 

現在你可以一個點擊/ change事件處理中調用這個返回ID。