按鈕啓用和禁用點擊

所以我有這個鏈接按按鈕啓用和禁用點擊

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

正如你可以看到按鈕被禁用現在。我怎麼能做到這一點，當我按下該鏈接的按鈕重新啓用？對不起，我的英語不好。

來源

2016-08-27 J. Doe

試試這個廣義函數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>

來源

2016-08-27 07:37:54

我建議在您的按鈕和鏈接中添加一個id屬性，以便使用Javascript更容易訪問。比方說，你分配id="myButton"到按鈕，id="myLink"到錨標籤：

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

：

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

來源

2016-08-27 07:29:45

希望

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

JSFIDDLE

來源

2016-08-27 07:30:36 brk

在這裏你去這個代碼將是有益的

來源

2016-08-27 07:33:04

按鈕啓用和禁用點擊

回答

相關問題