javascript - iCheck 检查复选框是否被选中

Question

我正在使用 iCheck 插件来自定义复选框。我需要在选中一个或多个 复选框时显示某些文本，并在未选中时隐藏文本。

我目前使用的代码会在第一次点击时显示文本，但不会隐藏它，除非我再点击 2 次。 我有多个复选框，如果选中其中一个复选框，我想显示文本，否则隐藏文本。 有人知道吗？该插件具有:

ifChecked
ifChanged
ifClicked
ifUnchecked
ifToggled
ifDisabled
ifEnabled.......

回调....这是插件函数

$('input').iCheck({ 
checkboxClass: 'icheckbox_square-blue',
radioClass: 'iradio_square-blue',
increaseArea: '20%' // optional
});

这是我试过的..

$('input').on('ifChecked', function(event){
$(".hide").toggle();
});

html

<input type="checkbox">
<div class"hide" style="display:none">Hi there</div>

Answer 1

对于那些为此苦苦挣扎的人:

const value = $('SELECTOR').iCheck('update')[0].checked;

这直接返回 true 或 false 作为 boolean。