切り替える方法icheckのチェックボックスが

Question

私は、プラグインicheck（http://icheck.fronteed.com）と2つのチェックボックス（はい/いいえ）を持っている、とはいがませがチェックできなくなりますを確認し、その逆の場合も同様ですとき、私はしたいです。

<label class="checkbox-inline i-checks"> <input asp-for="Yes" type="checkbox" id="myicheckboxid1"/> Yes </label> 
    <label class="checkbox-inline i-checks"> <input asp-for="No" type="checkbox" id="myicheckboxid2"/> No </label> 

Javascriptを

$('.i-checks').iCheck({ 
     checkboxClass: 'icheckbox_square-green', 
     radioClass: 'iradio_square-green' 
    }); 

Answer 1

イベントリスナーを追加し、changeイベントをリッスン。次に、イベントが発生したときに実行されるコールバックで、プロパティの反対のチェックボックスをイベント値の反対に変更します。

var firstCheckbox = $('#myicheckboxid1'); 
 
var secondCheckbox = $('#myicheckboxid2'); 
 

 
firstCheckbox.prop('checked', true); // default 
 
// you could also use iChecked to do this but it's fine to set with `prop` 
 
// firstCheckbox.iCheck('check'); 
 

 
firstCheckbox.on('change', function(event) { 
 
    secondCheckbox.prop('checked', !event.target.checked); 
 
}); 
 

 
secondCheckbox.on('change', function(event) { 
 
    firstCheckbox.prop('checked', !event.target.checked); 
 
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.2/skins/flat/_all.css" rel="stylesheet" /> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.2/skins/flat/blue.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.2/icheck.min.js"></script> 
 

 
<label class="checkbox-inline i-checks"> <input asp-for="Yes" type="checkbox" id="myicheckboxid1"/> Yes </label> 
 
<label class="checkbox-inline i-checks"> <input asp-for="No" type="checkbox" id="myicheckboxid2"/> No </label>

しかし、真剣に、あなたは私たちがラジオボタンを持っている理由は正確にあるラジオボタン:)