js 获取多个input的值

<form id="myForm">
  <input type="text" name="field1" />
  <input type="text" name="field2" />
  <input type="text" name="field3" />
</form>

<script>
  document.getElementById('myForm').addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    const inputs = document.querySelectorAll('#myForm input[type="text"]');
    const values = {};
    inputs.forEach(input => {
      values[input.name] = input.value;
    });
    console.log(values); // 输出所有input的值
  });
</script>

<form id="myForm">
  <input type="text" name="field1" />
  <input type="text" name="field2" />
  <input type="text" name="field3" />
</form>

<script>
  document.getElementById('myForm').addEventListener('submit', function(event) {
    event.preventDefault();
    const formData = new FormData(this);
    const values = {};
    for (const [key, value] of formData.entries()) {
      values[key] = value;
    }
    console.log(values); // 输出所有input的值
  });
</script>