单击按钮Jquery时显示对话框

时间:2017-06-23 04:51:48

标签: javascript jquery

enter image description here enter image description here我在表单中有两个按钮。当我按下这两个按钮之一时,我想禁用这两个按钮。并且当我按下登录按钮时想要显示对话模式。但是,它在这部分不能很好地工作。这是我的代码!

$(function(){
  $(".js-disable-form-individual").on("submit", function() {
    $('.js-disable]-btn').click(function() {                                                                                                         
      $('#loading-modal').modal('show');
    })
  $(this).find("input[type=submit]").prop('disabled', true);
  })  
});

感谢您的回答。

2 个答案:

答案 0 :(得分:2)

将您的js代码更改为此

$(function(){
  $(".text-center input[type=submit]").on("click", function(event) {  
    event.preventDefault();                                                                                                      
    $(".text-center input[type=submit]").prop('disabled', 'disabled');
  });
  $('.js-disable-btn').on("click",function(){                                                                                                         
    $('#loading-modal').modal('show');
  });  
  $('#finalSubmit').on("click",function(){                                                                                                         
    $(".js-disable-form-individual").submit();
  });
});

*假设您在对话框中有一个ID为finalSubmit的按钮(您想在点击时提交表单),

答案 1 :(得分:1)

我不确定,试着将它们分开?

<?php  
    class Fetch_data extends CI_Model  
    {  
        function __construct()  
        {   
            parent::__construct();  
        }  
        public function top_agriculture_exams($stream)
        {
            $this->db->select('exam_name');
            $this->db->from('all_exams_details');
            $this->db->where('field',$stream);
            $this->db->order_by('exam_name');
            $this->db->limit('10');
            $query = $this->db->get(); 
            $result = $query->result_array();
            return $result;
        }
    }