js取多个input的值

你可以通过以下几种方式来获取多个 input 元素的值：

1. 使用 `getElementById` 方法获取每个 input 元素，然后分别获取其值，例如：

   <input type="text" id="input1">
   <input type="text" id="input2">
   <button onclick="getValue()">获取值</button>

   <script>
     function getValue() {
       const input1 = document.getElementById('input1');
       const input2 = document.getElementById('input2');
       const value1 = input1.value;
       const value2 = input2.value;
       console.log(value1, value2);
     }
   </script>

2. 使用 `querySelectorAll` 方法获取所有的 input 元素，然后遍历获取每个元素的值，例如：

   <input type="text" id="input1">
   <input type="text" id="input2">
   <button onclick="getValue()">获取值</button>

   <script>
     function getValue() {
       const inputs = document.querySelectorAll('input');
       const values = Array.from(inputs).map(input => input.value);
       console.log(values);
     }
   </script>

这里使用 `Array.from` 方法将 NodeList 转换为数组，并使用 `map` 方法遍历数组获取每个 input 元素的值。

3. 如果所有的 input 元素都在同一个表单中，你还可以使用表单元素的 `elements` 属性获取所有的 input 元素，例如：

   <form id="myForm">
     <input type="text" name="input1">
     <input type="text" name="input2">
   </form>
   <button onclick="getValue()">获取值</button>

   <script>
     function getValue() {
       const form = document.getElementById('myForm');
       const inputs = form.elements;
       const value1 = inputs.input1.value;
       const value2 = inputs.input2.value;
       console.log(value1, value2);
     }
   </script>

这里使用表单元素的 `elements` 属性获取所有的 input 元素，然后通过元素的 `name` 属性获取对应的值。