js怎么获取input的值

互联网 19-5-18

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的值的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签： js