如何使用iCheck反向选择

时间:2018-07-03 07:52:09

标签: javascript html icheck

我正在使用iCheck。现在,我需要在单击反向复选框时进行反向选择。我不知道该怎么做。有人做过吗?

html

<input type="checkbox" id= "category_ids_select_reverse" name="category_ids_select_reverse">Reverse
<input type="checkbox" name="category_ids_select" value="">

js

var category_ids_select_reverse= $('#category_ids_select_reverse');
category_ids_select_reverse.on('ifChanged', function () {
    // how to reverse the selection?
});

2 个答案:

答案 0 :(得分:2)

您可以使用iCheck('toggle')

$('#category_ids_select_reverse').on('ifClicked', function(){
        $('input[name="category_ids_select"]').iCheck('toggle');
});

示例:jsfiddle

答案 1 :(得分:1)

category_ids_select_reverse.on('ifChanged', function () {
    $('input[name="category_ids_select"]').each(function () {
        if ($(this).prop('checked')) {
            $(this).iCheck('uncheck');
        } else {
            $(this).iCheck('check');
        }
    });
});

上面的代码对我来说很好。仅供参考