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


但这不会触发它们。还有其他方法吗?

最佳答案

这是您可以执行的操作。您可以调用函数来代替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>

关于javascript - 3 Icheck Control具有一个事件功能,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44880360/

10-12 12:30
查看更多