如何让js获取多个input的value的值

1、首先打开vs code编辑器，然后创建一个html页面。

2、创建一个input的标签，添加一个id，命名为“txt”，值为“你好”。

3、添加script标签，然后写入相关的js代码，如下图。

4、代码写完之后在空白处点击右键，选择Open In Default Broswer。

5、可以看到，浏览器自动d出了input里面的值，这证明我们通过id属性已经成功获取到了input的值。

从js里面获取HTML 的input标签中的内容分两种：

1、获取input标签的值，方法：

根据input的name或者id获取其值，假如有：<input type='text' id='name' value=123>

js中获取方法：$("#name")val();

2、获取input标签的属性内容，方法：

如有：<input type='text' id='name' value=123 ind='1'>

要获取ind的值，方法：

$("#name")attr("ind");

value 属性为 input 元素设定值，表单的值一般是元素的value属性：

<input value="value">

假设有以下form，拥有一个input字段（带空值预定义）以及一个提交按钮 ：

提取表单值代码：

提交之后获取的结果是：

空值：

不为空：

扩展资料：

value 属性为 input 元素设定值。对于不同的输入类型，value 属性的用法也不同：

（1）type="button", "reset", "submit" - 定义按钮上的显示的文本；

（2）type="text", "password", "hidden" - 定义输入字段的初始值；

（3）type="checkbox", "radio", "image" - 定义与输入相关联的值；

参考资料：

以上就是关于如何让js获取多个input的value的值全部的内容，包括:如何让js获取多个input的value的值、怎么获取网页js脚本里input的变量值、js如何获取表单中数组的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！