i have task like 2 set of checkboxex . first set is core having one color. second set having different color . each set have select all checkbox also. I attached my out put screen look like that.
checkbox color and select all coding
*****************************
<script src="<?php echo base_url(); ?>assets/js/addUser.js" type="text/javascript"></script>
$('#check-all').on('ifChecked', function (event) {
$('.check').iCheck('check');
triggeredByChild = false;
});
$('#check-all').on('ifUnchecked', function (event) {
if (!triggeredByChild) {
$('.check').iCheck('uncheck');
}
triggeredByChild = false;
});
// Removed the checked state from "All" if any checkbox is unchecked
$('.check').on('ifUnchecked', function (event) {
triggeredByChild = true;
$('#check-all').iCheck('uncheck');
});
$('.check').on('ifChecked', function (event) {
if ($('.check').filter(':checked').length == $('.check').length) {
$('#check-all').iCheck('check');
}
});
not working properly. need help.
I include
<link rel="stylesheet" href="<?= base_url('assets/plugins/iCheck/square/green.css') ?>">
<link rel="stylesheet" href="<?= base_url('assets/plugins/iCheck/square/red.css') ?>">
problems.
1,select all not working. if i select first row(select all) it checks all checkboxes
2, second set color not working