Флажок, действующий как переключатель | Использование 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, но я сделал это с стандартным флажком.

$('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

Base на предыдущем ответе, нет никаких оснований для заявления, если внутри .. это решение будет удалить все проверил, а затем проверить соответствующий выбор сразу после.

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