2017-07-03 9 views
0

トグルされているIcheckコントロールが3つある場合、1つの関数イベントを呼び出すことは可能ですか?3 Icheck 1つのイベント機能の制御

その関数のイベントは、ソートのためだった
<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がチェックされている場合 ので、それは例えば、一つだけで値が表示されます。 1または2をチェックすると、1と2が表示されます。

私はコードの下に試してみました:。

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

が、これは、それらを誘発しない、他の方法は何ですか?

+0

これは私のために動作します:代わりにconsole.log、あなたはあなたの関数を呼び出すことができます "ifToggled(上:$( 'checkbox.iチェック入力を')。 '、function(event){}); – alomegah

答えて

1

ここでこれを行う方法があります。 、申し訳ありませんが、私の愚かな過ち

$('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>

関連する問題