bootstrapの$().button('toggle')の使い方

Question

bootstrapでボタンをおした後にactiveにしたいと思っています。他のメソッドを使いたいのでdata-toggle="buttons"を外したため個別に$().button('toggle')のメソッドを使いたいのですがこのメソッドってどう使えば良いんでしょうか？

https://getbootstrap.com/docs/4.0/components/buttons/#active-state

このページを参考にしておりコードは下記になります。radioを押したらそのまま継続してactiveになってもらいたいです。

     <div class="btn-group btn-group-toggle">
       <label class="btn btn-outline-primary" for="1">
         <input type="radio" id="1" v-model="post_type" value="1">トピック投稿
       </label>
       <label class="btn btn-outline-primary" for="2">
         <input type="radio" id="2" v-model="post_type" value="2">仲間募集
       </label>
     </div><!--btn-group-->

Answer 1

下記のような感じでしょうか。JavaScriptで実装すると結構面倒です。

$('.btn-outline-primary').on('click', function(e) {
    $elem = $(e.target);

    if ($elem.hasClass('active')) {
        //ボタン,ラジオボタンON
        $elem.button('toggle')
            .children('input').eq(0).prop('checked', true);
    }
});