如何对form表单中所有类型的input控件进行赋值与取值？给出完整的示例说明。

Question

请举实例具体说明下 谢谢 最好有注释

Answer 1

最简单的方法：给<form>起个名，给<input>起个名，然后用名字.名字的方法就可以了。
示例：
<form name="myform"> //表单名字为myform
<input type="text" name="mytext" value="123"> //input名字为mytext,
//value是初始值，为123
</form>
假设在JS中取值
<script type="text/javascript">
var n = document.myform.mytext.value; //定义个变量n接收表单中的值
alert(n); //alert是弹出对话框，会弹出一个123的对话框
document.myform.mytext.value="456"; //给控件重新赋值为456
</script>
其他控件的取值赋值类似，如不明白可以追问

Answer 2

用下面的例子代码可以枚举出这个<input>的所有属性，里面没有文件长度的，也就是说，无法用JS检查文件的长度。

<input type=file name=file1 onchange="txt.value='';for (p in this) txt.value+=p+'='+eval('this.'+p)+'\n';"><br>
<textarea name=txt style='width:100%;height:400'></textarea>

上面两行内容单独存为html文件，浏览器打开选择文件之后就可以看见<input>的所有属性和值。

Answer 3

示例如下:
<script>
function analyseForm(form){
for(var i = 0; i < form.elements.length; i++){
var e=form.elements[i];
if(e.type=="text"){
alert(e.name+"："+e.value);//取值
//e.value="aaaaa";//赋值,自己启用这一句看看就赋值了!
}
}
}
</script>
<form id="form1" name="form1" method="post" action="">
<input type="text" name="aa" value="aa的值"/>
<input type="text" name="bb" value="bb的值"/>
<input type="text" name="cc" value="cc的值"/>
<input name="cs" type="button" id="cs" value="测试" onclick="analyseForm(this.form)">
</form>

Answer 4

<script>
flag = 0;
function setValue()
{
if(flag == 0)
{
document.getElementById("t1").value = 8765;
document.getElementById("t2").value = 4321;
document.getElementById("c1").checked = true;
form1.r1[0].checked = true;
flag = 1;
} else
{
document.getElementById("t1").value = 1234;
document.getElementById("t2").value = 5678;
document.getElementById("c1").checked= false;
form1.r1[1].checked = true;
flag = 0;
}
}
function getValue()
{
var s = "radio被选中的值为：";
s += form1.r1[0].checked ? form1.r1[0].value : form1.r1[1].checked ? form1.r1[1].value : "radio没有被选中";
alert("文本框1的值为："+document.getElementById("t1").value);
alert("文本框2的值为："+document.getElementById("t2").value);
alert("checkbox的值为："+document.getElementById("c1").checked);
alert(s);
}
</script>
<form name="form1">
<input type="text" value="1234" id="t1"/><br>
<input type="text" value="5678" id="t2"/><br>
<input type="checkbox" id="c1"/><br>
<input type="radio" name="r1" value="0"/>0
<input type="radio" name="r1" value="1"/>1<br>
<input type="button" onclick="setValue()" value="点我进行赋值" /><br>
<input type="button" onclick="getValue()" value="在上面改动后点我进行取值" /><br>
</form>追问

能用文字解释下这段代码的运作过程嘛 分数可以给你呀

追答

本来今天写了个详细的注释，被百度BUG了，回不出话，东西又没保存。
你先看一遍，什么地方不懂再问吧，针对你不懂的地方给你解释。

本回答被提问者采纳

Answer 5

看