javascript - iCheck 复选框作为单选按钮

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 对所有复选框和单选状态使用一个背景图像)并且稍后必须撤消它。另一个副作用是“悬停”类不会在您鼠标移开时消失，大概是因为它现在已被禁用，因此需要额外的 mouseleave 监听器。

已在最新版本的 Chrome、Firefox 和 IE 中测试。
好吧，我使用“$”进行了测试，但我没有使用多个 JS 库。为您转换为 $j。