JavaScript中获取表单元素得value的两种方法

最新推荐文章于 2024-06-20 08:52:46 发布

demo_cz

最新推荐文章于 2024-06-20 08:52:46 发布

阅读量3.4k

点赞数 1

分类专栏： HTML+CSS+JavaScript 文章标签： javascript 表单

本文链接：https://blog.csdn.net/re_raise/article/details/77603055

版权

HTML+CSS+JavaScript 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

下面以一个简单的计算加法的例子来说明两种方法

1.通过表单元素的id属性





   
   
test01
<script type="text/javascript">
	function calculate(){
		var a=parseInt(document.getElementById("a").value);
		var b=parseInt(document.getElementById("b").value);
		var result=a+b;
		document.getElementById("result").value=result;
	}
		
</script>



	
   
   
    	
    
    加法实例
        a=
    
    
    
    

        b=
    
    
    
    

        
    
    
    
    

        a+b=

2.通过表单元素的name/id属性





    
    
test02
<script type="text/javascript">
	function calculate(){
		var a=parseInt(myForm.a.value);
		var b=parseInt(myForm.b.value);
		var result=a+b;
		myForm.result.value=result;
	}
		
</script>



	
    
    
    	
     
     加法实例
        a=
     
     
     
     

        b=
     
     
     
     

        
     
     
     
     

        a+b=

其中需要注意的是：

（1）之所以使用parseInt()，是因为获取的两个值a、b，进行加法运算时，+被当做连接符，需要用parseInt()解析成整数；

另一种方法可以用a*1+b*1；

减、乘、除则没有这种情况

（2）第一种方法通过id获取必须使用属性id，第二种方法可以使用id或者name都可以

仅限此例，至于name和id两个属性的区别，请查询资料。