检查后在表格中查找收音机的价值？ 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;