How enable an default disabled button in Bootstrap?

Question

I'm trying to make an button enabled which is by default disabled in bootstrap.

I have tried using remove class, prop(), and remove attr in jQuery but it does not seem to work.

Is there a way to enable it?

like :

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<script>
$('#example').prop('disabled', false);
</script>
</head>
<body>
<button id="example" type="button" class="btn btn-default btn-disabled"disabled>Text</button>

</body>
</html>

Possible duplicate of [What is the easiest way to disable/enable buttons and links (jQuery + Bootstrap)](http://stackoverflow.com/questions/16777003/what-is-the-easiest-way-to-disable-enable-buttons-and-links-jquery-bootstrap) — James Taylor, Mar 27 '16 at 05:24

score 2 · Answer 1 · answered Mar 27 '16 at 17:08

2

The reason why this does not work is simple: the html-element is not loaded at the point the javascript code is executed. So, this code does not do anything.

Try something like this:

$(document).ready(function(){ // Makes your code load after the page is loaded.
   $('#example').prop('disabled', false);
   $('.btn-default').removeClass('btn-disabled');
});

Working example: https://jsfiddle.net/crix/nxLmkutq/

Hope this helps! Good luck.

answered Mar 27 '16 at 17:08

Crix

86
3

Thank you ! I m doing it for d first tym so kinda new to things here ! – esskay Mar 27 '16 at 19:41

score 1 · Accepted Answer · answered Mar 27 '16 at 17:20

1

I guess you don't need btn-disabled class as disabled attribute takes care of that unless you need any specific color or any other css styling

<button id="example" type="button" class="btn btn-default" disabled>Text</button>

$(document).ready(function(){
   $('#example').prop('disabled', false);
});

jsFiddle

answered Mar 27 '16 at 17:20

Rahul

685
5
15

Thank you!I messed it up der ! – esskay Mar 27 '16 at 19:39

How enable an default disabled button in Bootstrap?

2 Answers2