javascript - 如何使用 javascript 将 Bootstrap 按钮设置为单击时激活

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>

当单击某个特定按钮时，如何将按钮更改为事件状态，并且我也想在导航选项卡上使用相同的功能。并使其也处于事件状态，请发布任何 jquery 或类似的东西，以便我可以使用它。我在网上搜索过它，但我无法理解它

Answer 1

使用 jquery 添加 Bootstrap Active 类

<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');
            })

        });

如果您将 ElementId 替换为 li，则这对于导航效果很好。