Question

所以我试图禁用文本字段，如果没有选中复选框，但它不能正常工作。

<input type="checkbox" id="check" checked /><br />
#<input type="text" size="8" maxlength="6" id="colour" placeholder="ffffff" />

<script>
    $('#check').change(function(){
        if( $('#check:checked') ){
            $('#colour').removeAttr('disabled');
        } else {
            $('#colour').attr('disabled','');
        }
    });
</script>

这是我正在尝试做的一个简短示例，但它不想工作。控制台中没有错误。

有人可以解释为什么这不起作用吗？

Answer 1

使用.prop（）也可以使用checked状态来设置值

$('#check').change(function () {
    $('#colour').prop('disabled', !this.checked);
});

演示：Fiddle

Answer 2

尝试$('#check').is(':checked')

这里是Fiddle

Answer 3

使用length查找是否已选中元素，否则您的条件将始终为true。当长度较大时，0条件将为true，否则为false。

 if( $('#check:checked').length ){
        $('#colour').removeAttr('disabled');
  } else {
        $('#colour').attr('disabled','');
  }

您可以直接使用checked属性而无需使用条件。

$('#check').change(function () {
    $('#colour').prop('disabled', !this.checked);
});

Answer 4

试试这个：

$('#check').change(function(){
    if($('#check').is(':checked')){
        $('#colour').removeAttr('disabled');
    } else {
        $('#colour').attr('disabled','');
    }
}).change();

为了让你的jsFiddle工作，你需要：

1）包含jQuery库

2）使用is(':checked')检查是否选中了复选框。

3）在页面加载时触发change()事件以捕获默认的已检查状态。

<强> Fiddle Demo

Answer 5

使用this.checked

$('#check').change(function(){
    if(this.checked){
            $('#colour').removeAttr('disabled');
        } else {
            $('#colour').attr('disabled',true);
        }
});

<强> FIDDLE

Answer 6

你走了：

http://jsfiddle.net/4dwkG/

<input type="checkbox" id="check" checked /><br />
#<input type="text" size="8" maxlength="6" id="colour" placeholder="ffffff" />

<script>
    $('#check').change(function(){
        if( $('#check').is(":checked") ){
            $('#colour').removeAttr('disabled');
        } else {
            $('#colour').attr('disabled','');
        }
    });
</script>

Answer 7

检查此代码..使用this.checked

 $('#check').change(function(){

                if(this.checked)
                $('#colour').removeAttr('disabled');
                else 
                $('#colour').attr('disabled','disabled');

        });

jQuery：检查不工作？

7 个答案: