は1つのチェックボックス（ブートストラップチェックボックス-x）のみを選択できるようにしますか？

Question

私は、ブートストラップのチェックボックス-Xプラグインで働いている：https://github.com/kartik-v/bootstrap-checkbox-x

にはどうすればユーザーだけが唯一のチェックボックスを選択できるようにすることができますか？

オプション1

  <div class="col-md-12 has-success bottom-10 no-padding-left"> 
       <input class="form-control bottom-15" id="check-2" type="checkbox" data-toggle="checkbox-x" data-size="sm" data-three-state="false"> 
       <label class="cbx-label" for="check-2">Option 2 </label> 
      </div> 

      <div class="col-md-12 has-success bottom-10 no-padding-left"> 
       <input class="form-control bottom-15" id="check-3" type="checkbox" data-toggle="checkbox-x" data-size="sm" data-three-state="false"> 
       <label class="cbx-label" for="check-3">Option 3 </label> 
      </div> 

ありがとう！

Answer 1

本当にラジオ入力フィールドを使用する必要がありますが、実際にこのチェックボックスを使用したい場合は可能です。ターゲットとするすべてのチェックボックスを集めることができます。

var chkBox = $('input[type="checkbox"]'); 

次に、チェックボックスをクリックすると、クリックイベントリスナーが表示されます。その後、収集/ターゲティングされたチェックボックスはすべて無効になります。

$(chkBox).on('click', function(){ 
    if ($(this).prop("checked")) { 
     $(this).siblings().prop("disabled", true); 
    } else { 
     $(this).siblings().prop("disabled", false); 
    } 
}); 

チェックボックスの状態を切り替えるelse文を追加しました。無効にする場合は、削除することができます。