3 Icheck控制一个事件函数

时间:2017-07-03 07:53:16

标签: javascript jquery icheck

我有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) {
}

但这并没有触发它们。还有其他方法吗?

1 个答案:

答案 0 :(得分: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>