檢查后在表格中查找收音機的價值？ Javascript DOM

Question

我目前有這個表格，我試圖在檢查單選按鈕時獲取它的值，但我不斷出錯，下面的代碼可能有什么問題？

html

  <form name="radioset2" id="radioset2" action="survey.html">
    <fieldset>
     <span class = "question"> question1 </span>
       <div id = "radio1">
            <label for="r_q1_id">Yes</label>
            <input id="r_q1_id" type="radio" name="r_q1_name" value="yes" />
       </div>
       <div id = "radio2">
            <label for="r_q2_id">No</label>
            <input id="r_q2_id" type="radio" name="r_q1_name" value="no" />
       </div>                                       

      </fieldset>
  </form>

javascript

function validRadio() {
var radio_buttons = document.getElementsByName.elements['r_q1_name'];
for(var x=0; x<radio_buttons.length; x++) {
    if(radio_buttons[x].checked) {
    alert(radio_buttons[x].value + " button is checked");
    } else {
    alert(radio_buttons[x].value + " button is not checked");
       }
    }
    return false;
} 

Answer 1

如果您的目標是現代瀏覽器，您可以簡單地使用:checked CSS 選擇器和querySelector function 來獲取檢查輸入的值。 這將消除循環輸入的需要。

http://jsfiddle.net/4uy2V/

var val = document.querySelector('[name=r_q1_name]:checked').value;