根据复选框状态启用/禁用输入字段

时间:2014-11-09 17:33:54

标签: javascript jquery checkbox twitter-bootstrap-3 icheck

当使用名为iCheck(http://fronteed.com/iCheck/)的插件选中复选框时,我在检查输入字段时遇到问题。

注意:我的代码在不使用iCheck插件时正常工作。

没有iCheck的工作示例: http://jsbin.com/gusewu/1/

包含iCheck时不工作的示例: http://jsbin.com/ludiqi/1/

任何有关调试的帮助将不胜感激。我已经在这2天了。 : - /

2 个答案:

答案 0 :(得分:1)

您应该使用ifChanged自定义事件:

$('input').iCheck({
    checkboxClass: 'icheckbox_flat-blue',
    radioClass: 'iradio_flat'
})
.on('ifChanged', function() {
    $('#upload_image:input').prop('disabled', this.checked);
})
.trigger('ifChanged');

演示:http://jsbin.com/neheqocilu/2/edit

答案 1 :(得分:1)

你做错了... iCheck覆盖了所有这些事件并且拥有自己的事件,所有事件都列在here

$('input').on('ifChecked', function(event){
  alert(event.type + ' callback');
});