当我想序列化我的表单时,不返回任何数据,我不知道我的表单中的文章是否会导致此问题。
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());
不要在控制台中显示数据。
答案 0 :(得分:1)
问题是没有选择单选按钮。它正在序列化表单,但没有值序列化。
选择一个选项尝试console.log
我添加了一个填充的文本框,并预先选择了小提琴中的无线电,以证明它有效。
$("#sendAnswers").click(function(){
console.log($('#questions').serializeArray());
});
这也有效
$("#sendAnswers").click(function(){
console.log($('#questions').serialize());
});