Hi friends,
i have using icheckbox but click or change event not firing in jquery
please Help
<div class="icheckbox_flat-blue" style="position: relative;">
<input type="checkbox" class="icheck checkbox" style="position: absolute; opacity: 0;">
<ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
</div>
 
$(document).ready(function () {
    $('.icheckbox_flat-blue').on('click', function () {
        alert('hi')
        $('.icheckbox_flat-blue').not(this).prop('checked', false);
    });
});
$(document).ready(function () {
        $(document).on('click', '.icheck', function () {
        alert('hi');
        $('.icheck').not(this).prop('checked', false);
    });
});
$(document).ready(function () {
    $(document).on('click', '.iCheck-helper', function () {
        alert('hi');
        $('.icheck').not(this).prop('checked', false);
    });
});
$(document).ready(function () {
    $(document).on('click', '.icheckbox_flat-blue', function () {
        alert('hi');
        $('.icheck').not(this).prop('checked', false);
    });
});
$(document).on('click', '.icheckbox_flat-blue', function () {
    alert('hi');
    $('.icheck').not(this).prop('checked', false);
});
$('input').on('ifClicked', function (event) {
    alert('hi');
});
$("input[type='checkbox']").on('ifChanged', function (e) {
    alert('hi1');
});
$(".checkbox").click(function () {
    alert('hi4');
    if ($(this).is(":checked")) {
        $("#dvPassport").show();
    } else {
        $("#dvPassport").hide();
    }
});
$('input').iCheck('check', function () {
    alert('Well done, Sir');
});
$(document).ready(function () {
    $('input').on('ifChecked', function (event) {
        alert(event.type + ' callback');
    });
});