获取表单元素值几种方法
关键字： 北京网站建设,北京网站推广,北京网站维护
第一种方法效率比效高一些，更简捷。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>获取表单元素值几种方法</TITLE>
<style type="text/css">
*{
font-family:Arial, Helvetica, sans-serif;
}
a{ font-size:6pt}
.editbuttom{ font-size:6pt }
</style>
<script type="text/javascript">
function add_method1(){
//使用ID来获取元素值。
//注意：为了使浏览器兼容input使用ID，因为使用name ff浏览器获取不了，IE是可以的。
var obj1 = document.getElementById("total1");
obj1.value = parseInt(obj1.value) + 1;
}
function add_method2(){
//使用表单名和元素名获取元素值。
//注意：如果一个HTML页面有多个表单时需要注意表单的名称。
var current = parseInt(document.forms["noteForm"].total2.value);
document.forms["noteForm"].total2.value = current + 1;
}
function add_method3(){
//使用表单数组和元素名获取元素值。
//注意：如果一个HTML页面有多个表单需要确定是那个表单中的元素，如第一个表单就是forms[0],第二个是forms[1]类推。。
var current = parseInt( document.forms[0].total3.value );
document.forms[0].total3.value = current + 1;
}
</script>
</HEAD>
<BODY>
<div id="mainDiv" style="height:95%; border:3px solid red;padding:10px;">
<h1>获取表单元素值并相加</h1>
<form id="noteForm">
<input type="text" name="total1" id="total1" value="0" size="3" /><input type="button" value="add a new note add_method1 " onClick="add_method1();" /><br/>
<input type="text" name="total2" id="total2" value="0" size="3" /><input type="button" value="add a new note add_method1" onClick="add_method2();" /><br/>
<input type="text" name="total3" id="total3" value="0" size="3" /><input type="button" value="add a new note add_method3" onClick="add_method3();" /><br/>
</form>
</div>
</BODY>
</HTML>
文章内容有红网工作室编辑发布：北京网站建设
联系电话：010 - 89655688
联系手机：13552137435
联系Q Q：904560919
EMAIL： rednetjob@163.com
联系地址：北京大兴区九龙山庄
