How to use iCheck change checkbox style
See original GitHub issueI have followed the Issue #383 to change checkbox style wiht iCheck, but it doesn’t work. I cannot click. https://examples.bootstrap-table.com/index.html#issues/383.html
OS: Win10
var _option = $.extend({}, $.fn.dyTable.defaults, option || {});
var target = $(this);
_option.onPostBody = function () {
$(':checkbox').each(function () {
if (!$(this).parent().hasClass('check-box')) {
$(this).wrap('<label class="check-box"></label>')
.iCheck({
checkboxClass: 'icheckbox-blue',
radioClass: 'iradio-blue',
//increaseArea: '20%' // optional
});
//.radiocheck()
}
});
//$('.dropdown-toggle').dropdown();
}
target.bootstrapTable(_option);
Comment onPostBody event:
Can you give me some advice how to integrate with iCheck?
Issue Analytics
- State:
- Created 3 years ago
- Comments:7
Top Results From Across the Web
Customize checkboxes and radio buttons with iCheck (jQuery ...
iCheck plugin works with checkboxes and radio buttons like a constructor. It wraps each input with a div, which you may customize yourself...
Read more >UI Design: Customize Checkbox & Radio Input with iCheck
In our previous post, we have shown you how to customize checkbox and radio input using CSS. One constraint from this technique, however, ......
Read more >Custom checkbox styling with iCheck - CodePen
Quick demo using iCheck http://fronteed.com/iCheck/...
Read more >html - How to change size of checkbox and add border radius ...
I am using icheck in my project ...
Read more >super customized checkboxes and radio buttons with jQuery
iCheck plugin works with checkboxes and radio buttons like a constructor. It wraps each input with a div, which you may customize yourself...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Yes, the answer is #383. I think the author recommends using onPostBody event to rewrite the checkbox. but this is not work for iCheck. Because iCheck wraps each input with div. Who can give us a demo on how to integrate with iCheck?
By the way, the demo of #383 have the issue of toggle dropdown. You can try to find.@wenzhixin https://live.bootstrap-table.com/code/GerryGe/2703
Yes. You could use the default checkbox. If this is not possible please follow this example https://github.com/wenzhixin/bootstrap-table-examples/blob/master/issues/383.html