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');
    }
});

使用prettycheckable禁用复选框

3 个答案: