jquery - 使用 prettycheckable 禁用复选框

Question

我正在处理一个表单，当一个复选框被选中时，它会禁用该复选框，因此他们无法取消选中它。这是客户想要的并且适用于这种特殊情况。如果我处于任何其他情况，这将是糟糕的可用性。

不过，我在完成这项工作时遇到了一些麻烦。使用 prettycheckable 它必须disableInput();提供帮助并且它确实有效，但并不完全符合我的需要。

我已经尝试了一些这样的事情

if ($('a').hasClass('.checked')) {
         FormHelper.disableInput();
       }

我正在检查是否有一个标签可以漂亮地检查将检查的类添加到其中。如果是这样，那么我试图禁用该复选框。

我知道我在做一些愚蠢的事情，任何帮助将不胜感激！

html看起来像这样

<p class="pull-right check"><input type="checkbox" class="checkIt" name="" value="" /><span>Read</span></p>

Answer 1

$(function(){
    $('input.checkIt').prettyCheckable();
    $('input.checkIt').change(function(){
        if($(this).prop('checked'))
           $(this).attr('disabled','disabled').parent().addClass('disabled');
    });
});

Answer 2

$('.checkIt').prettyCheckable('enable');

和

$('.checkIt').prettyCheckable('disable');

Answer 3

这对我有用。

$(function(){
$('input.checkIt').prettyCheckable();
$('input.checkIt').change(function(){
    if(//something){
      $(this).attr('disabled',true).parent().prettyCheckable('disable');
    }else{
      $(this).attr('disabled',true).parent().prettyCheckable('enable');
    }
});