Javascript 禁用引导中的输入字段

我在引导中有3个输入字段，如果其中任何一个输入字段被填充，我想禁用另外两个

假设我有A、B、C输入框。
如果A已填充，则B&C将变为

禁用

或

只读

，反之亦然

---

此外，如果我从A中删除值，则B&C将再次启用。因为B&C也没有填写。

您只需执行jQuery函数即可

// #your_filled_input is for the id of the input
$("#your_filled_input").keyup(function() {
    if ($("#your_filled_input").val().length >= 0) {
      $("#your_first_other_field" ).attr('disabled', 'disabled');
      $("#your_second_other_field").attr('disabled', 'disabled');
    }
});

您可以使用以下选项：

<input type="text" class="singleedit"/>
<input type="text" class="singleedit"/>
<input type="text" class="singleedit"/>

输入字段

<input type='text' id='a' class="inputfield" disabled="false" />
<input type='text' id='b' class="inputfield" disabled="false" />
<input type='text' id='c' class="inputfield" disabled="false" />

}))

$（“#fieldA”）.keyup（函数（）{
if（$（“#fieldA”）.val（）.length>0）{
$（“#fieldB”）.attr（'disabled'，'disabled'）；
$（“#fieldC”）.attr（'disabled'，'disabled'）；
}否则{
$（“#fieldB”）.removeAttr（'disabled'）；
$（'#fieldC'）.removeAttr（'disabled'）；
}
});
$（“#fieldB”）.keyup（函数（）{
if（$（“#fieldB”）.val（）.length>0）{
$（“#fieldA”）.attr（'disabled'，'disabled'）；
$（“#fieldC”）.attr（'disabled'，'disabled'）；
}否则{
$（#fieldA'）.removeAttr（'disabled'）；
$（'#fieldC'）.removeAttr（'disabled'）；
}
});
$（“#fieldC”）.keyup（函数（）{
如果（$（“#fieldC”）.val（）.length>0）{
$（“#fieldB”）.attr（'disabled'，'disabled'）；
$（“#fieldA”）.attr（'disabled'，'disabled'）；
}否则{
$（“#fieldB”）.removeAttr（'disabled'）；
$（#fieldA'）.removeAttr（'disabled'）；
}
});

好主意，你尝试了什么？你的加价是多少？风格？等等，谢谢。我在else$中为启用字段添加了此选项（“#your#u first_other_字段”）。removeAttr（'disabled'）；
<input type='text' id='a' class="inputfield" disabled="false" />
<input type='text' id='b' class="inputfield" disabled="false" />
<input type='text' id='c' class="inputfield" disabled="false" />

$(document).ready(function(){
 $('.inputfield').prop('disabled', false);

$('.inputfield').change(function(){

    var a = $('#a').val();
    var b = $('#b').val();
    var c = $('#c').val();

    if((a).length > 0){

        $('#b').prop('disabled', true);
        $('#c').prop('disabled', true);
    }
    if((b).length > 0){
        $('#a').prop('disabled', true);
        $('#c').prop('disabled', true);
    }
    if((c).length > 0){
        $('#a').prop('disabled', true);
        $('#b').prop('disabled', true);
    }
});