为什么我不能在里面用文章标签序列化表单?

时间:2013-06-21 03:07:55

标签: jquery forms serialization

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

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

不要在控制台中显示数据。

1 个答案:

答案 0 :(得分:1)

问题是没有选择单选按钮。它正在序列化表单,但没有值序列化。

选择一个选项尝试console.log

我添加了一个填充的文本框,并预先选择了小提琴中的无线电,以证明它有效。

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

这也有效

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

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