ラジオボタンのように機能するチェックボックス|次のように私は3つのチェックボックスを作成しているicheck.js

Question

使用：

<input type="checkbox" name="upgrade"> 
<input type="checkbox" name="upgrade"> 
<input type="checkbox" name="upgrade"> 

私はこれらのチェックボックスは、ラジオボタンのように動作し、次のjQueryを使用したいが、私はほとんどこれを達成しています。私はまた、icheck.jsライブラリを使用していますので、私はこのようなjQueryのコードをしています：

$('input[type="checkbox"]').on('ifChanged', function() { 
     $('input[name="' + this.name + '"]').not(this).iCheck('uncheck'); 
}); 

しかし、これが唯一それが動作しないとすぐに、私は三度目をクリックすると、最初の変化に取り組んでいますもう長い。誰かが私が間違っていることを教えてもらえますか？

Answer 1

Icheckプラグインを使用することはできませんが、私はstandartチェックボックスを使用しました。前の回答に

$('input[type="checkbox"]').click(function(){ 
 
    if($(this).is(':checked')){ 
 
    $('input[type="checkbox"]').prop('checked',false); 
 
    $(this).prop('checked',true); 
 
    } 
 
    else { 
 
    $(this).prop('checked',true); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" name="upgrade" checked> 
 
<input type="checkbox" name="upgrade"> 
 
<input type="checkbox" name="upgrade">

Answer 2

ベース、このソリューションは、右後の適切な選択をチェックし、すべてにチェックを削除します。..内のif文のための理由はありません。

HTML：

<input type="checkbox" name="upgrade"> 
<input type="checkbox" name="upgrade"> 
<input type="checkbox" name="upgrade"> 

JS：

$('input[type="checkbox"]').click(function(){ 
    $('input[type="checkbox"]').prop('checked',false); 
    $(this).prop('checked',true); 
}); 

https://jsbin.com/qeqemuqaci/edit?html,js,output