js怎么获取input的值

js获取input值的方法：首先给from命名；然后在JavaScript的地方用form的名字来调用form表单里input元素的value属性；接着把值赋给“a”；最后用js的“alert()”方法打印出来即可。

其实使用js进行input值的获取，方法还是挺多的，光是用选择器好几种都能做到，不过步骤还是差不多的，今天就为大家推荐2种。

方法一：

<html>  
 <head>  
 <script language=javascript>  
  function print(){  
   var a=myform.name.value;  
   alert(a);  
  }  
 </script>  
 </head>  
 <body>  
  <form name=myform>  
   <input type=text name=name id=nn />  
   <input type=button name=button value=获取 onclick=print() />  
  </form>    
 </body>  
</html>

这是获取网页input值的方法之一，给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值，并把值赋给a，最后用JavaScript的alert()打印方法打印出来。

方法二：

<html>  
 <head>  
 <script language=javascript>  
  function print(){  
   var a=document.getElementById(nn).value;  
   alert(a);  
  }  
 </script>  
 </head>  
 <body>  
  <form>  
   <input type=text name=name id=nn />  
   <input type=button name=button value=获取 onclick=print() />  
  </form>    
 </body>  
</html>

这是获取网页input值的方法之一，给from一个ID然后在JavaScript的地方就可以用form的ID来调用form表单里input元素的value属性可以得到值，并把值赋给a，最后用JavaScript的alert()打印方法打印出来。

js怎么获取input的值

相关文章