元素的原因.键入单选按钮或复选框按钮数组将返回“未定义”

我现在面临一个非常奇怪的情况。假设我有一个表单，它有三个输入元素，类型都是单选，就像这样

<form>
    <input type="text" name="donor" value="" />Heart
    <input type="radio" name="organ" value="10" />Heart
    <input type="radio" name="organ" value="20" checked="checked" />Lungs
    <input type="radio" name="organ" value="30" />Kidney    
</form>

我认为这行

alert("input type: " + document.forms[0].organ.type);

将返回类型单选而不是undefined。不过，这个

alert("input type: " + document.forms[0].organ[0].type);  

返回类型radio，当然这不是我想要的。你可以在这里看到魔法。

有人知道发生了什么事吗?

1日更新

如果我们处理复选框，也会发生同样的事情，这意味着如果不指定索引，就不能确定无线电或复选框按钮数组上的元素类型。

换句话说，这个代码片段

var i, form = document.forms[0], fields = ['donor', 'organ'];
for(i = 0; i < fields.length; i++) {
    switch(form[fields[i]].type) {
        case 'radio':
            alert('(a) - I can beat up Chuck Norris');
            // anyway, no one hears this :)
            break;
        case 'checkbox':
            break;
        case 'text':
            alert('(a) - Chuck Norris is unbeatable');
            break;
    }
}

不会像人们所期望的那样表现。所以，我想，循环遍历表单元素是唯一的解决方案。好吧，它不是-检查第二次更新。

for(i = 0; i < form.elements.length; i++) {
    switch(form.elements[i].type) {
        case 'radio': 
            alert('(b) - Nobody can beat up Chuck Norris');
            // now, check if this element is in fields[] 
            // and do something  
            break;
        case 'checkbox':
            break;
        case 'text':
            alert('(b) - Chuck Norris is unbeatable');
            break;
    }
}

小提琴来了。

2日更新

在此期间，我发现了一个非常简单的方法来访问和查询通过fields对象循环的表单元素(在我的情况下)，而不是通过所有元素循环。

var form = document.forms[0], fields = ['donor', 'organ'];
for (var key in fields) {
    switch(form[key].type){
        case 'select-one':
            break;
        case 'select-multiple':
            break;
        case 'checkbox': // we are dealing with a single checbox button 
            break;
        case 'text': case 'textarea': case 'hidden': case 'password':
            break;
        default:
            if(form[key][0].type == radio' || form[key][0].type == radio' == 'checkbox') {
                // we're dealing with an array of radio or checkbox buttons, otherwise
            }else{
                console.log("Something went wrong!");
            }
            break;
    }
}