javascript - 单击按钮启用和禁用

Question

所以我有这个链接可以按

<a href="link" target="_blank">
    <div class="well">
        <span> blabla </span>
    </div>
</a>

页面中的这个按钮代码

<button  type="submit" class="btn-primary btn-lg" disabled="disabled"> Blabla </button>

如您所见，该按钮暂时处于禁用状态。当我按下该链接时，我该如何使按钮再次启用？抱歉我的英语不好..

Answer 1

Try this generalized function for toggleDisabled

//Generalized function to make element toggleDisabled.
(function($) {
    $.fn.toggleDisabled = function(){
        return this.each(function(){
            this.disabled = !this.disabled;
        });
    };
})(jQuery);
//Code to use toggleDisabled
$(document).ready(function(){
  $("a").click(function(){
      $("button[type='submit']").toggleDisabled();
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="link" target="_blank">
    <div class="well">
        <span> blabla </span>
    <div>
</a> 
<br/>      
<button  type="submit" class="btn-primary btn-lg" disabled="disabled"> Blabla </button>