Question

有谁知道为什么这不起作用？这个序列化的唯一数据是来自第1页的数据。我还尝试将两个不同的函数链接到每个页面（我将它作为2个单独的表单，然后它只会覆盖彼此（以及其他所有内容）。 / p>

<script type="text/javascript">
 $(document).ready(function(){
  $("#submit").click(function(){
   $("#page3").text($("#q").serialize());
  });
});
</script>
</head>
<body>
 <div data-role="page" id="page1">
   <form id="q">
    <div data-role="content">
     <input type="checkbox" name="4[]" value="1">1</input><br/>
     <input type="checkbox" name="4[]" value="2">2</input><br/>
     <input type="checkbox" name="4[]" value="3">3</input><br/>
     <input type="checkbox" name="4[]" value="4">4</input><br/>
     <input type="checkbox" name="asdf[]" value="1">1</input><br/>
     <input type="checkbox" name="asdf[]" value="2">2</input><br/>
    </div>
    <a data-role="button" href="#page2">Next</a>
 </div>

 <div data-role="page" id="page2">
  <div data-role="content">
   <input type="checkbox" name="3[]" value="11">11</input><br/>
   <input type="checkbox" name="3[]" value="21">21</input><br/>
   <input type="checkbox" name="adf[]" value="1">11</input><br/>
   <input type="checkbox" name="adf[]" value="2">12</input><br/>
  </div>
 </form>
 <a data-role="button" type="submit" href="#page3" id="submit">Next</a>
</div>

<div data-role="page" id="page3">
</div>

Answer 1

您的问题可能与您的第一个表单与外部div交错的方式有关 - HTML中不允许这样做，不确定浏览器会对此产生什么影响。你可以关闭div中的第一个表单，在页面2 div中开始一个新表单吗？

Answer 2

因为未选中所有复选框，试试this

Ajax表单提交，无法弄清楚它为什么不起作用

2 个答案: