jquery - チェック/チェック解除 - ifChecked が機能しない

Question

更新: 次のプラグインを使用しています

ユーザーがページを更新したりページをリロードしたりするときにチェックボックスがオンになっているかどうかを確認しようとしていますが、これは私が使用したものですが、デバッグを行ったのでsecond IF条件が実行されることはありません

$('input').on('ifChecked', function (event) {
    if ($("input#CreatePart").is(':checked')) {
        alert('checked');
    }
});

$('input').on('ifUnchecked', function (event) {
    if ($("input#CreatePart").is(':checked')) {
        alert('un-checked');
    }
});

<input checked="checked" class="icheck" data-val="true" 
  data-val-required="The Create new Part field is required." 
  id="CreatePart" name="CreatePart" type="checkbox" value="true" 
/>
<input name="CreatePart" type="hidden" value="false" />

Answer 1

試す：

ページの読み込み時:

 alert($('input').is(':checked'));

http://jsfiddle.net/9ypwjvt4/18/

それ以外の場合:

   $(document).ready(function () {
    $('input').iCheck({
        checkboxClass: 'icheckbox_square-orange',
        radioClass: 'iradio_square-orange',
        increaseArea: '20%' // optional
    });

    $('input').on('ifChecked', function(event){
      alert('Checked');
    });

    $('input').on('ifUnchecked', function(event){
      alert('unchecked');
    });
});

jsfiddle: http://jsfiddle.net/9ypwjvt4/17/

Answer 2

ifChecked または ifUnchecked を使用する代わりに、変更イベントで使用する

$('input.icheck').on('change', function (event) {
    if ($("input#CreatePart").is(':checked')) {
        alert('checked');
    }else{
       alert("unchecked");
    }

});