this is an active link
<a href="#" class="btn btn-large">Link</a>
how to disable this link using javascript, so the code would be like this?
<a href="#" class="btn btn-large disabled">Link</a>
-
In response to what you want it to be disabled?Mir– Mir2013-07-12 08:05:33 +00:00Commented Jul 12, 2013 at 8:05
-
to prevent the savechanges button clicked when data values not yet editedocit– ocit2013-07-12 08:14:48 +00:00Commented Jul 12, 2013 at 8:14
-
Might be a duplicate of the question What is the easiest way to disable/enable buttons and links (jQuery + Bootstrap), asked two months before this.Gideon– Gideon2015-07-29 02:59:05 +00:00Commented Jul 29, 2015 at 2:59
Add a comment
|
2 Answers
HTML
<a href="#" id="myLink" class="btn btn-large">Link</a>
Pure JS
var d = document.getElementById("myLink");
d.className = d.className + " disabled";
jQuery
$('#myLink').addClass('disabled');
2 Comments
Pedro Moreira
Notice that with this the button will just appear disabled but will still be clickable. To also make it unclickable, you can add this (jQuery):
$('#myLink').on('click', function(e) { e.preventDefault(); });
Mosh Feu
In modern browsers and modern bootstrap, this code will not necessary because the
.btn:disabled has pointer-events:none so it will not be clickable.Use the attribute disabled in a class, like class="btn btn-danger disabled"
For example:
<a href="exampleLink.php?id=3&option=1" class="btn btn-danger disabled" role="button">Cancelar</a>
