關於Bootstrap 利用radio實現tab切換的一個問題

1、html代碼

　　　　　　　<div class="col-sm-10 nav nav-tabs" id="typelist" role="tablist">
              <label class="radio-inline">
                <input type="radio" role="tab" name="type" data-target="#single"  checked value="1" aria-selected="true"> 單項服務
              </label>
              <label class="radio-inline">
                <input type="radio" name="type" role="tab" data-target="#mutiple" value="2" aria-selected="false"> 套餐服務
              </label>
            </div>

2、javasc代碼

　　　　　　　　$('#typelist input[name="type"]').on("click",function(e){
                $('#typelist input[name="type"]').removeClass("active show");
                $(this).tab('show');
              });

問題：如果不加上移除class的javascript語句的話切換是只能正常顯示一次的，而如果是用a標簽做tab的話是可以不加移除class就能正常顯示的

原因在於什么地方呢？

（暫時未知，有知道的可以留言）