Search code examples
jqueryjquery-select2icheck

Check/Uncheck - ifChecked not working


UPDATE: I'm using the following plugin

I'm trying to check if the checkbox is checked when the user refresh the page or reload the page and here is what I have used but I have done the debugging and it never execute the second IF condition

$('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" />

Solution

  • Try:

    on page load:

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

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

    else use:

       $(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/