在 jquery 中操作 SerializeArray

Question

大家好，我一直在尝试使用 javascript/jquery 来获取元素的名称和值数组。我已经使用了序列化数组函数，它工作得很好，但是，我需要更多，请查看下面的代码。

$(document).ready(function(){
  var maps = {};
  $("#submitt").click(function(){
    var x = $("#details").serializeArray();
    // x.push({"name" : "event_id", "value" : 22});
    console.log(x);
    });
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form action="" id = "details">  
  <div class = "general" name = 'GENERAL'>
    <input type="checkbox" name ="email">
    <input type="checkbox" name ="phone">
    <input type="checkbox" name ="push">
  </div>
  <div class = "general" name = 'MEETING'>
    <input type="checkbox" name ="email">
    <input type="checkbox" name ="phone">
    <input type="checkbox" name ="push">
  </div>
</form>
<button type = "submit" id= "submitt">submit</button>

它返回所有输入而不带任何标识。 我需要它是这样的：

{
GENERAL : {
    email : on,
    phone : on,
    push : on
},
MEETING : {
    email : on,
    phone : on,
    push : on
}

就像 php 中的多维数组。有没有其他方法可以获得所需的结果？请帮帮我。

Answer 1

试试下面的代码<input type="checkbox" name ="GENERAL[email]">

<form action="" id = "details">  
 <div class = "general" >
   <input type="checkbox" name ="GENERAL[email]">
   <input type="checkbox" name ="GENERAL[phone]">
   <input type="checkbox" name ="GENERAL[push]">
 </div>
 <div class = "general" >
   <input type="checkbox" name ="MEETING[email]">
   <input type="checkbox" name ="MEETING[phone]">
   <input type="checkbox" name ="MEETING[push]">
 </div>
<button type = "submit" id= "submitt">submit</button>
</form>```