為什么我無法序列化帶有文章標簽的表單？

Question

當我要序列化表單時，不返回任何數據，也不知道表單中的文章是否會導致此問題。

HTML

<form id="questions">
<article id="uno" class="question">
    <h2>1. Elementos que permiten controlar un ciclo</h2>
    <p>
      <label>
        <input type="radio" name="question1" value="RC1-P1-A" id="answer1_0">
        Bucle y acumulador</label>
    </p>
    <p>
      <label>
        <input type="radio" name="question1" value="RC1-P1-B" id="answer1_1">
        Ciclo y contador</label>
    </p>
    <p>
      <label>
        <input type="radio" name="question1" value="RC1-P1-C" id="answer1_2">
        Contador y condición</label>
    </p>
    <p>
      <label>
        <input type="radio" name="question1" value="RC1-P1-D" id="answer1_3">
        Condición y apuntador</label>
    </p>
</article>
<article id="dos" class="question">
    <h2>2. Elementos que permiten controlar un ciclo</h2>
    <p>
      <label>
        <input type="radio" name="question2" value="RC1-P2-A" id="answer2_0">
        Bucle y acumulador</label>
    </p>
    <p>
      <label>
        <input type="radio" name="question2" value="RC1-P2-B" id="answer2_1">
        Ciclo y contador</label>
    </p>
    <p>
      <label>
        <input type="radio" name="question2" value="RC1-P2-C" id="answer2_2">
        Contador y condición</label>
    </p>
    <p>
      <label>
        <input type="radio" name="question2" value="RC1-P2-D" id="answer2_3">
        Condición y apuntador</label>
    </p>
</article>
<article class="question">
    <input id="sendAnswers" class="btn-send" type="submit" value="Enviar"/>
    <ul class="error"></ul>
</article>
</form>

我有這種結構，因為我有一個窗體滑塊。

然后，當我這樣做時：

console.log($('#questions').serializeArray());

要么

console.log($('#questions').serialize());

不要在控制台中顯示數據。

Answer 1

問題在於沒有選中任何單選按鈕。 它正在序列化表格，但是沒有要序列化的值。

選擇一個選項，嘗試console.log

我在小提琴中添加了一個填充的文本框並在廣播中對其進行了預選，以演示其工作原理。

 $("#sendAnswers").click(function(){ 
   console.log($('#questions').serializeArray());
 }); 

這也有效

$("#sendAnswers").click(function(){ 
 console.log($('#questions').serialize());
 });

http://jsfiddle.net/GcHcW/1/