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');
});
});