错误document.form在javascript中未定义 [英] Error document.form is undefined in javascript

问题描述

我有一个代码javascript：

I have a code javascript:

<form onsubmit="return false;" action="">
<input type="radio" name="type" id="type0" value="0" onclick="toggleSet(this)" checked />type 0
<input type="radio" name="type" id="type1" value="1" onclick="toggleSet(this)" />Type 1
</form>
<script>
function toggleSet() {
    for(var i=0; i<document.form.type.length; i++) {
        if(document.form.type[i].checked) {
            var type = document.form.type[i].value;
        }
    }
    alert(type);
}
</script>

输出错误：document.form未定义，如何解决？

ouput error: document.form is undefined, how to fix it ?

推荐答案

document 的表单属性不存在。你可能会对 document.forms HTML集合感到困惑：

The form property of document does not exist. You're probably confused with the document.forms HTML collection:

document.forms[0];              //First <form> element
document.forms['name_of_form']; //Points to <form name="name_of_form">

固定代码：

function toggleSet() {
    var form = document.forms[0];
    var type; //Declare variable here, to prevent a ReferenceError at the end
    for(var i=0; i<form.type.length; i++) {
        if(form.type[i].checked) {
            type = form.type[i].value;
            break; // After finding an occurrence, break the loop:
                   // You expect only one value
        }
    }
    alert(type);
}

这篇关于错误document.form在javascript中未定义的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！