javascript - radios.length 问题 - javascript

Question

也许这是非常基本的，但我对 radios.length 属性有一些问题。我有一些输入，如下所示:

<input type="radio" name="name1" value="test1" checked='checked'/><br />
<input type="radio" name="name2" value="test2" checked='checked'/><br />

当我警告 radios.length 属性时，我总是得到 0 作为答案。有人能解释一下为什么吗？

Answer 1

radios.length 不是 DOM 中的有效属性。您需要找到那些(在本例中是输入的)，然后使用它的 length 属性..

var radios = document.getElementsByTagName("input") ;

alert(radios.length) // this will alert the correct value

更新

要仅选择单选按钮，您可以执行此操作

var radios = document.getElementsByTagName("input") ;
var checkBoxes = [];

for(​var i =0, len = radios.length; i< len;i++){
    if(radios[i].type === 'radio'){
        checkBoxes.push(radios[i]);
    }
};

console.log(checkBoxes)​

<强> Check Fiddle

此外，如果您使用 jQuery，请不要忘记将脚本封装在 DOM Ready 处理程序中

jQuery

$('#radio1').attr('type') // Need to use the .attr() method

<强> jQuery Fiddle