Question

我有3个Icheck控件，如果其中任何一个是Toggled，会调用一个函数事件？，这可能吗？

<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>

3 Icheck控制一个事件函数

1 个答案: