js怎么获取input的值

148 阅读 0 评论 98 点赞

我是靠谱客的博主甜甜台灯，最近开发中收集的这篇文章主要介绍js怎么获取input的值，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

其实使用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的值的详细内容，更多请关注靠谱客其它相关文章！