ブートストラップ4スタッキングラジオbtn-group

Question

私はそれに応答してスタックしたいラジオボタンのbtnグループを持っています。 私は単にbtn-groupを削除する以外は動作させることができませんが、ラジオボタンはもちろんチェックされているものがわからず、単に動作を停止するだけです。

<div class="container"> 
    <div class="row"> 
     <div class="btn-group" role="group" data-toggle="buttons"> 
      <div class="col-lg-4"> 
       <label class="btn btn-primary active"><input hidden="true" type="radio" name="options" id="option1" autocomplete="off" checked> Radio 1</label> 
      </div> 
      <div class="col-lg-4"> 
       <label class="btn btn-primary"><input hidden="true" type="radio" name="options" id="option2" autocomplete="off"> Radio 2</label> 
      </div> 
      <div class="col-lg-4"> 
       <label class="btn btn-primary"><input hidden="true" type="radio" name="options" id="option3" autocomplete="off"> Radio 3</label> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

あなたは、単にこのスクリプトを追加することによって、それを達成することができます

$("input[type=radio]").on("change",function(){ 
    $('input:checked').parent().addClass("active"); // Change active with your own class name 
});