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>