为什么我不能序列化带有文章标签的表单？答案

【问题标题】：Why I can't serialize form with article tags inside?为什么我不能序列化带有文章标签的表单？
【发布时间】：2013-06-21 03:07:55
【问题描述】：

当我想序列化我的表单时，不返回任何数据，我不知道我的表单中的文章是否会导致这个问题。

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());

不在控制台中显示数据。

【问题讨论】：

标签： jquery forms serialization

【解决方案1】：

问题是没有选择任何单选按钮。它正在序列化表单，但没有要序列化的值。

选择一个选项试试 console.log

我添加了一个填充的文本框并预先选择了小提琴中的收音机来演示它的工作原理。

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

这也有效

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

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

【讨论】：