how to set bootstrap button to active on click using javascript

Question

  <div class="row">
      <div class="col-md-8">
    <h3 >     
    <button  type=submit class="btn btn-primary btn-lg btn-block" .button><a href = "mrequest.php">make a request</button>
</h3>
    </div>
    </div>
        <div class="row">  
    <div class="col-md-8"> <h3>      
    <button type=submit class="btn btn-primary btn-lg btn-block" .button><a href = "mviewreq.php">view requests</button>
   </h3>
    </div>
    </div>
    <div class="row">
     <div class="col-md-8">  <h3>     
    <button type=submit class="btn btn-primary btn-active btn-lg btn-block" .button><a href = "mviewstaff.php">Quotation requests</button>
</h3>
    </div>

How can I change the button to active when some particular button is clicked , and i also want to use same thing on the navigation tabs too. and make it active too, please can some post any jquery or some thing like that so I can use it. I have searched on internet about it but i am unable to understand it

Sajal · Accepted Answer · 2015-06-20 06:40:54Z

2

Add a bootstrap Active class using jquery

<button id="btn1" type=submit class="btn btn-primary btn-lg btn-block" .button>

 $('#btn1').on('click', function (e) {
            $('#btn1').each(function () {
                $(this).addClass('active');
            })

        });

This works well with the navigation , if you replace the ElementId with li.

edited Jun 20, 2015 at 6:40

answered Jun 20, 2015 at 6:23

Sajal

4,4111 gold badge22 silver badges41 bronze badges

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

2 Comments

Abdul Muqeet Over a year ago

ElementId id is a build-in function of jquery ?? or i have to give the reference of Element id in my button ?

Sajal Over a year ago

you have to give an id to the button, i will edit the answer.

Collectives™ on Stack Overflow

how to set bootstrap button to active on click using javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related