3 一个事件功能的 Icheck 控制

Question

我有 3 个 Icheck 控件，如果其中任何一个被切换，将调用一个函数事件？，这可能吗？

<div class="checkbox">
<label>
<input class="i-check" type="checkbox" id="IsZero" name="IsZero" />0
<span class="pull-right"></span>
</label>
</div>
<div class="checkbox">
<label>
<input class="i-check" type="checkbox" id="IsOne" name="IsOne" />1 
<span class="pull-right"></span>
</label>
</div>
<div class="checkbox">
<label>
<input class=" i-check" type="checkbox" id="IsTwo" name="IsTwo" />2+
<span class="pull-right"></span>
</label>
</div>

该函数事件用于排序： 因此，如果选中一个，那么它将显示仅包含一个的值，例如。如果选中 1 或 2，将显示 1 和 2。

我尝试了以下代码：

$('input:checkbox.i-check')
$('input.i-check').on('ifToggled'), function(event) {
}

但这不会触发它们，还有其他方法吗？

Answer 1

这是您可以执行此操作的方法。代替console.log，您可以调用您的函数：

$('input.i-check').on('click', function(){
if ( $(this).is(':checked') ) {
console.log('Checked');
} 
else {
console.log('Unchecked');
}
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="checkbox">
<label>
<input class="i-check" type="checkbox" id="IsZero" name="IsZero" />0
<span class="pull-right"></span>
</label>
</div>
<div class="checkbox">
<label>
<input class="i-check" type="checkbox" id="IsOne" name="IsOne" />1 
<span class="pull-right"></span>
</label>
</div>
<div class="checkbox">
<label>
<input class=" i-check" type="checkbox" id="IsTwo" name="IsTwo" />2+
<span class="pull-right"></span>
</label>
</div>