Rectangle 27 0

You can use ul li list to get it working, wrap your input and label with li and style it with display: inline-block;

<p>Are you sure you want to have your details removed from our marketing list?</p>
<ul>
    <li>
        <input type="radio" name="iCheck">
        <label>Yes</label>
    </li>
    <li>
        <input type="radio" name="iCheck">
        <label>No</label>
    </li>
ul {
    list-style:none;
}
ul li {
    display: inline-block;
    margin-left: 15px;
}

jquery - iCheck library: CSS styling issue - Stack Overflow

jquery css icheck
Rectangle 27 0

I have rewritten the icheck directive you were using to correctly interact with the model. Here is a working plunk that I hope you can use: http://plnkr.co/edit/toxxrRTfmltyamtI7ZG6?p=preview

jquery - icheck checkboxes not working with angularjs - Stack Overflow

jquery angularjs angularjs-directive icheck
Rectangle 27 0

iCheck registers custom events you can listen for. I put up a working example on jsbin, the main difference is this:

$("#my_cb").on("ifChanged", hide_row_metod);

There are two events: ifChecked and ifUnchecked. If you want to catch all changes to your checkbox, you need to either listen for both or simply listen for ifChanged. This will work to toggle the row, as you are testing for checked in your hide_row_metod.

div#row1
inline

Also: you got a typo in your method name (missing h).

Thanks Wolfram, for a good irrefragable answer.

onclick - iCheck jQuery blocks custom script - Stack Overflow

jquery onclick icheck
Rectangle 27 0

-webkit-tap-highlight-color: transparent

It seems like, there are peoples more pro than those developers after all, and without 78k reputation also.

Where do you put that? on the input element? Nothing I tried worked.

You are just sad that you didint knew the answere. Admit it.

javascript - iCheck plugin not working correctly on ipad and iphone - ...

javascript jquery html5 css3 icheck
Rectangle 27 0

iCheck
icheck
$('input').icheck({
    checkboxClass: 'checkbox-default',
    radioClass: 'radio-default',
});

Well, it seems that "Select All" is not working properly. How to make it working with icheck?

Thank you very much for your help. By the way, you've added some additional code to make it working. That means, icheck still replace the default form functionality? Is it still bug of icheck or not?

No, it's not a bug. By design you need updating checkbox state manually for changes, which were done outside the plugin. (github.com/fronteed/iCheck/tree/2.x-beta $('input').icheck('update');)

jquery - How to make bootstrap multi-select plugin working with icheck...

jquery icheck bootstrap-multiselect
Rectangle 27 0

success: function (data) {
     var f = data.d;
     //alert(f);
     if (data.d != '') {
         if (parseInt(fe) >= 0) {
             $('#<%= div_formfields.ClientID %>').find('.form-group:eq(' + fe.toString() + ')').replaceWith(f);
         } else {

             $('#<%= div_formfields.ClientID %> hr').before(data.d);
         }
     }

     alert($('input[type="checkbox"].red, input[type="radio"].red').length);
     $('input[type="checkbox"].red, input[type="radio"].red').iCheck({
         checkboxClass: 'icheckbox_minimal-red',
         radioClass: 'iradio_minimal-red',
         increaseArea: '10%' // optional
     });

 }

Thanks for that hint. I mentioned async:false and it solved the issue. Hope you will remove the down vote for the question..

@sforsandeep don't use async false. BTW, what makes you think i downvoted question?

But that problem got fixed when I set async:false. Before that as you pointed that radios are not in DOM. Sorry for that... That was a false guess...

@sforsandeep please read over the net why you shouldn't use async false... I just shown you how you should do it, now if you prefer to use the worst workaround you could get, do what you want, it's up to you...

Yes.. I changed that to success callback and its working fine.. Thanks pal..

asp.net - JQUERY iCheck plugin not working for dynamic radio button - ...

jquery asp.net icheck
Rectangle 27 0

You have to execute the isCheck function again once you append a new item dynamically. This instruction should be part of the click handler method:

$('body').on('click', '.add-new-option', function() { 
  $('.new-option-content').append('<div class="checkbox"> <label> <input type="checkbox"> Sample </label> </div>');
  $('input').iCheck({
    checkboxClass: 'checkbox-default',
    radioClass: 'radio-default'
  });
});

Better run plugin on new items only, not all $('input').

You are welcome, you can mark the answer as accepted if it solved your issue. Meanwhile you have to take @dfsq note into consideation :)

javascript - jQuery icheck plugin not working after being append - Sta...

javascript jquery html
Rectangle 27 0

Just run the check function again for current checkbox. The problem is that you append the checkboxes dynamically.

// Radio and Checkboxes
 $('input').iCheck({
    checkboxClass: 'checkbox-default',
    radioClass: 'radio-default'
  }); 


    $('body').on('click', '.add-new-option', function() { 
            $('.new-option-content').append('<div class="checkbox"> <label> <input type="checkbox"> Sample </label> </div>');
        var $lastCheckBox = $('.new-option-content').find('input').last();  
        console.log($lastCheckBox);
          $lastCheckBox.iCheck({
        checkboxClass: 'checkbox-default',
        radioClass: 'radio-default'
      }); 

    });

javascript - jQuery icheck plugin not working after being append - Sta...

javascript jquery html