单击时启用和禁用按钮答案

【问题标题】：Button enable and disable on click单击时启用和禁用按钮
【发布时间】：2017-01-03 20:26:52
【问题描述】：

所以我有这个链接可以按

<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>

如您所见，该按钮目前已被禁用。当我按下该链接按钮以再次启用时，我该如何做到这一点？对不起我的英语不好..

【问题讨论】：

标签： javascript jquery onclick togglebutton disabled-input

【解决方案1】：

试试这个通用的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>

【讨论】：

【解决方案2】：

我建议将id 属性添加到您的按钮和链接，以便更容易使用 Javascript 访问它们。假设您将id="myButton" 分配给按钮，将id="myLink" 分配给锚标记：

$('#myLink').on('click', function() {
   $('#myButton').prop('disabled', false);
});

【讨论】：

【解决方案3】：

希望这段代码有用

document.getElementById('click').onclick = function(event){
// on click prevent the default behavior
event.preventDefault();
document.getElementsByClassName('btn-primary')[0].disabled = false;
}

JSFIDDLE

【讨论】：

【解决方案4】：

给你：

$(document).ready(function(){
  $("a").click(function(){
    $("button[type='submit']").removeAttr('disabled');
  });
});

<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>
   
<button  type="submit" class="btn-primary btn-lg" disabled="disabled"> Blabla </button>

【讨论】：