Javascript 提交函数jquery不工作
我有两个触发点击功能,一个是链接,另一个是提交按钮 链接触发器Javascript 提交函数jquery不工作,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,我有两个触发点击功能,一个是链接,另一个是提交按钮 链接触发器(“.quick progress”)可以很好地提交id为$(“#quick question-answering form”)的表单,但按钮(“#编辑导航返回”)不起作用。它无法提交$(“#测验答题表”)。提交() 这让我感到困惑,因为当我将按钮中的submit函数更改为alert时,该方法正在工作 所以我需要的是,当用户单击单选框时,按钮会自动提交它 这是完整的代码 //fist trigger link <a href="
(“.quick progress”)
可以很好地提交id为$(“#quick question-answering form”)
的表单,但按钮(“#编辑导航返回”)
不起作用。它无法提交$(“#测验答题表”)。提交()代码>
这让我感到困惑,因为当我将按钮中的submit函数更改为alert时,该方法正在工作
所以我需要的是,当用户单击单选框时,按钮会自动提交它
这是完整的代码
//fist trigger link <a href="#" class="quiz-progress">link</a> ( working well)
$(".query-once-1-processed").click(function(){
if ( $(this).hasClass("selected") ) {
//do something it does have the protected class!
$("#edit-navigation-skip").hide();
$('#edit-navigation-submit').show();
$(".quiz-progress").click(function(e) {
e.preventDefault(); // if desired...
$("#quiz-question-answering-form").submit();
});
} else{
$('#edit-navigation-submit').hide();
}
});
//second trigger (button) cannot submit the form (not working)
$(".multichoice-row").click(function(){
if ( $(this).hasClass("selected") ) {
$("#edit-navigation-back").click(function() {
//e.preventDefault(); // if desired...
$("#quiz-question-answering-form").submit();
//alert ("ok");
});
}
});
//第一个触发链接(工作正常)
$(“.query-once-1-processed”)。单击(函数(){
if($(this).hasClass(“选定”)){
//做点什么它确实有受保护的类!
$(“#编辑导航跳过”).hide();
$(“#编辑导航提交”).show();
$(“.quick progress”)。单击(函数(e){
e、 preventDefault();//如果需要。。。
$(“#测验问答表”).submit();
});
}否则{
$(“#编辑导航提交”).hide();
}
});
//第二个触发器(按钮)无法提交表单(不工作)
$(“.multichoice行”)。单击(函数(){
if($(this).hasClass(“选定”)){
$(“#编辑导航返回”)。单击(函数(){
//e、 preventDefault();//如果需要。。。
$(“#测验问答表”).submit();
//警报(“正常”);
});
}
});
下面是html标记
<form class="answering-form" action="/learning/node/27/take/2" method="post" id="quiz-question-answering-form" accept-charset="UTF-8">
<table>
<tbody>
<tr class="multichoice-row query-once-processed-1"><td width="35"><div class="form-item form-type-radio form-item-question-1-answer-user-answer">
<input type="radio" id="edit-question-1-answer-user-answer-142" name="question1" value="142" class="form-radio" />
</div>
</td><td><p>Hulk</p>
</td> </tr>
</tbody>
</table>
<input type="submit" id="edit-navigation-back" name="op" value="< Soal Sebelumnya" class="form-submit" />
</form>
绿巨人
我们需要查看标记…为了清楚起见,您正在将一个新的单击事件附加到$(“#编辑导航返回)
每次单击一行…?如果您单击该行10次,然后单击编辑导航返回
按钮,它将触发事件10次。例如,单击外部按钮10次,然后单击内部按钮,然后检查控制台。虽然这不是问题的根源,但一定要小心当然。你需要显示HTML,否则就不清楚这一切是如何结合在一起的。尽管Santi的评论非常有效,但这是一种分配点击处理程序的糟糕方式。还有,什么“不起作用”呢“什么意思?这根本不能说明问题所在。什么都没发生吗?有什么意想不到的事发生吗?您的浏览器控制台中是否有错误?请尝试具体和详细。我已经显示了html标记,请帮助,谢谢!由于“编辑导航返回”按钮已经是“提交”按钮,因此,$(“#编辑导航返回”)。单击(函数(){//e.preventDefault();//如果需要…$(“#测验问题回答表单”)。提交();//警报(“确定”)除非包含“e.preventDefault()”,否则代码>将无效。标准回发将在执行之前自动发生(或至少同时发生)。