在其他文本输入字段中输入文本时启用复选框

时间:2012-08-01 17:44:57

标签: javascript jquery input checkbox

通常他们做另一件事:选中/取消选中复选框时启用/禁用文本输入字段,但只有当用户在文本字段(开始日期)中输入一些文本时,我才需要启用复选框组(工作日)。因此,当用户未在输入字段中键入开始日期时,复选框仍必须禁用。

我认为我需要回复行动而不是:http://jsfiddle.net/H8VPY/11/

请帮我选择正确的jquery活动。

2 个答案:

答案 0 :(得分:2)

您可以使用prop()方法和keyup事件处理程序。请尝试以下方法:

$('input[name=other_name]').keyup(function(){
    if (this.value.length > 0) {
       $('input[name="others"]').prop('disabled', false)
    } else {
       $('input[name="others"]').prop('disabled', true)      
    }
})

DEMO

或正如Esailija正确建议您可以使用更短的版本:

$('input[name=other_name]').keyup(function(){
     $('input[name="others"]').prop('disabled', !this.value.length)
})

答案 1 :(得分:0)

添加一个类并禁用您的复选框;

<checkbox class="checkbox_class" disabled >

在您的文本框中;

<input type="text" onkeyup="javascript: if($(this).val() != '') $('.checkbox_class').enable()" >