javascript - getElementById 不能很好地使用单选按钮

Question

我猜 getElementById 在您想获取它的值或查明它是否被选中时不能与单选按钮一起使用？我这样说是因为我这样做了:

<input id="radio1" type="radio" name="group1" value="h264" checked="checked" />
<input id="radio2" type="radio" name="group1" value="flv" />

为了获得所选的值，我这样做了:

function getRadioValue() {

    if(document.getElementById('radio1').value=='h264'){
        return 'h264';
    }
    else{
        return 'flv';
    }

}

但是，firebug 一直告诉我:

document.getElementById("radio1") is null
[Break on this error] if(document.getElementById('radio1').checked==true){

我做错了什么？

谢谢大家

Answer 1

这是获取单选按钮选择的可靠函数。由于单选按钮按 name 属性分组，因此使用 getElementsByName 是有意义的...

function getRadioVal(radioName) {
  var rads = document.getElementsByName(radioName);

  for(var rad in rads) {
    if(rads[rad].checked)
      return rads[rad].value;
  }

  return null;
}

在你的情况下，你会像这样使用它......

alert(getRadioVal("group1"));