如何使用icheck插件制作bootstrap多选插件

时间:2014-09-29 19:08:19

标签: jquery icheck bootstrap-multiselect

我在我的网页上使用了此bootstrap multiselect和此checkbox/radio plugin。突然间,我注意到当icheck放入multiselect时,没有默认和自定义功能的多选工作!这是我没有icheck插件的工作:Fiddle 这是带有icheck的Fiddle,其中multiselect的功能不起作用。我需要使用icheck的功能:

$('#data-type').multiselect({
    includeSelectAllOption: true,
    buttonWidth: '90%',
    nonSelectedText: 'Select multiple option',
    onChange: function(element, checked) {
        var selectedOptions = $('#data-type option:selected');

        if (selectedOptions.length == 0) {
           // Custom code
           alert('All are unchecked!');
        }
    }

});

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

如何使用icheck插件重新进行多选工作?

1 个答案:

答案 0 :(得分:1)

这是iCheck https://github.com/fronteed/iCheck/issues/68中的一个错误。该错误已在版本2中修复。 iCheck也替换为icheck。这是你的榜样http://jsfiddle.net/koa58o4o/1/

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

随着工作"全选" http://jsfiddle.net/koa58o4o/4/