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) — James Taylor
– James Taylor, Commented Mar 27, 2016 at 5:24

Crix · Accepted Answer · 2016-03-27 17:08:31Z

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, 2016 at 17:08

Crix

843 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

esskay Over a year ago

Thank you ! I m doing it for d first tym so kinda new to things here !

Rahul · Accepted Answer · 2016-03-27 17:20:30Z

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, 2016 at 17:20

Rahul

6855 silver badges15 bronze badges

1 Comment

esskay Over a year ago

Thank you!I messed it up der !

Collectives™ on Stack Overflow

How enable an default disabled button in Bootstrap?

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related