Click event

[drgullin]

Click event

[drgullin]

This scheme was replaced in version 0.8, because of the bugs related to customized inputs inside labels and different way of handling key events in some browsers.

return false also prevents an infinite loops in some cases.

Since iCheck is used for customization, I hope we don't need to fire direct clicks on an inputs.

I would like to add a toggle method instead, which would work like an ordinary click:

$('input').iCheck('toggle');

:checkbox checked => uncheck
:checkbox unchecked => check
:radio checked => do nothing
:radio unchecked => check current, uncheck others

[baurez]

Yes. But the goal of plugin like icheck is to make the input more
beautiful. And it will be easy to add un any project. And all the normal
évent attached to the original input must be preserved.

For example, in ASP.net we can easyly make a submit of thé form when thé
checkbox state change... This possibility is triggered by the click
évent... With icheck this never happened.

In the same way, original event on chzckbox could be executed by thé icheck
no ?

[drgullin]

iCheck doesn't use click event to make changes, it works directly with input's state instead.

I hope ASP.NET can handle ifChanged callback. It has almost the same effect, as a click event.

This code:

$('input').click(function(){
  // submit
});

Should be replaced with:

$('input').on('ifChanged', function(){
  // submit
});

[drgullin]

I've added a toggle method. It can be used instead of the click event. To handle clicks, use ifClicked callback.
f5da1d7

[drgullin]

Next version will support click handler on inputs.

[desduvauchelle]

Not sure if it's linked. But how come when I click a checkbox it doesn't toggle the actual checkbox state (ie from checked to unchecked) when I look at the source code?

Here is my setup:

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

$('input').on('ifChanged', function(event){
    alert(123);
});

But nothing happens.

[ambasador]

Hi this is working for me fine

$('input').iCheck({
checkboxClass: 'icheckbox_square-blue',
radioClass: 'iradio_square-blue',
increaseArea: '20%' // optional
});
$('input').iCheck('update');
$('input ').on('ifClicked ', function(event) {
if ($('input').prop('checked')) {
alert('1');
} else {
alert('2');
});

[desduvauchelle]

Thanks for the super fast feedback.

I just added your code to my site...and it doesn't work. The checkboxes are nice and sexy, but no alerts on click...Might be collision with a script...hummm.

[neylith]

Hi, @desduvauchelle I have your problem with iCheck,

$('input').on('ifChanged', function(event){
alert(123);
});

No work. How did you fix it?

Thanks