我有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/