使用jquery获取数组输入键和值

<form id="myForm">
  <input type="text" name="username" value="JohnDoe">
  <input type="password" name="password" value="secret">
  <input type="checkbox" name="hobbies[]" value="reading" checked>
  <input type="checkbox" name="hobbies[]" value="sports" checked>
</form>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
  $('#myForm').on('submit', function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    var formData = $(this).serializeArray();
    console.log(formData);
  });
});
</script>

<div id="inputs">
  <input type="text" name="username" value="JohnDoe">
  <input type="password" name="password" value="secret">
</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
  var inputs = {};
  $('#inputs input').each(function() {
    inputs[$(this).attr('name')] = $(this).val();
  });
  console.log(inputs);
});
</script>