提交函数jquery不起作用

时间:2017-05-02 10:59:08

标签: javascript jquery html forms

我的表单中有两个触发点击功能,一个是链接,另一个是提交按钮。

链接触发器('.quiz-progress')可以很好地提交表单为$("#quiz-question-answering-form")的表单,但按钮('#edit-navigation-back')却不是。它无法提交$("#quiz-question-answering-form").submit();

这让我感到困惑,因为当我更改按钮中的提交功能时,警报方法正在运行。

所以我需要的是当用户点击单选按钮时按钮会自动提交它。?

这里是完整的代码

//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");
        });
    }
}); 

这是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="&lt; Soal Sebelumnya" class="form-submit" />
 </form>

0 个答案:

没有答案