Question

我正在使用iCheck收音机按钮和复选框如何使用复选框与iCheck一起使用单选按钮？

这就是我所拥有的：

$j(function(){
    $j('input:checkbox.tip-facturare').on('ifChecked', function(event){
    $j('input:checkbox.tip-facturare').not($j(this)).iCheck('uncheck');
    $j(this).iCheck('check');
});

Answer 1

这对我有用：

$j('input:checkbox.tip-facturare').on('ifChecked', function(e){
    $j('input:checkbox.tip-facturare').not($j(this)).iCheck('uncheck').iCheck('enable');
    $j(this).iCheck('disable').parents('div').removeClass('disabled');
});

$j(document).on('mouseleave','.hover.checked', function() {
    $j(this).removeClass('hover');
});

如果需要，请说明：

清除禁用复选框会阻止用户取消选中，但会将其设置为灰色（根据iCheck的'.checked.disabled'类）。在父div上执行.removeClass（'disabled'）可以恢复颜色而不必破解背景位置（iCheck对所有复选框和无线电状态使用一个背景图像）并且必须稍后撤消它。另一个副作用是当你使用mouseout时，'hover'类不会消失，大概是因为它现在被禁用了，因此额外的mouseleave监听器。

在最新版本的Chrome，Firefox和IE中测试过好吧，我测试使用'$'，但我没有使用多个JS库。转换为$ j为你。

iCheck复选框作为单选按钮

1 个答案: