Javascript 如果某个输入字段不符合条件，如何禁用该字段

我的问题是，如果其中一个输入字段在以下情况下不符合条件，如何禁用该字段：如果用户选择了现金收入，则必须禁用属性名称为credit的输入字段，以便用户无法填充该字段。反之亦然，如果用户选择提款，则应禁用具有借方属性名称的输入字段。 我试图创建这些脚本，但它无法正常运行

<script type="text/javascript" src="jquery.min.js"></script>
<script>
$('#acc').click(function(){
    var account = $("select#acc").val();
    if (account == "db"){
        $('#credit').prop('disabled', true);
    }
    else if (account == "cr"){
        $('#debit').prop('disabled', true);
    }
});
</script>
<table>
<tr><td>Account</td><td>Debet</td><td>Credit</td></tr>
<tr>
    <td>
        <select id="acc" name="acc" required="required"> 
            <option value=""></option>
            <option value="db">Cash-In</option>
            <option value="cr">Cash-Out</option>
        </select>
    </td>
    <td><input type="text" id="debit" name="debit" /></td>
    <td><input type="text" id="credit" name="credit" /></td>
</tr>
</table>

$（'#acc'）。单击（函数（）{
var账户=$（“选择账户”）.val（）；
如果（账户=“db”）{
$（'#credit'）.prop（'disabled'，true）；
}
否则如果（账户=“cr”）{
$（'#debit'）.prop（'disabled'，true）；
}
});
账户信用
兑现
兑现

使用

.change（）

事件而不是

。单击（）


$（'#acc'）。更改（函数（）{
var账户=$（“选择账户”）.val（）；
如果（账户=“db”）{
$（'#credit'）.prop（'disabled'，true）；
$（'#debit'）.prop（'disabled'，false）；
}
否则如果（账户=“cr”）{
$（'#debit'）.prop（'disabled'，true）；
$（'#credit'）.prop（'disabled'，false）；
}
});

账户信用
挑选
兑现
兑现
使用此

$('#acc').click(function(){
    var account = $("select#acc").val();
    if (account == "db"){
        $('#credit').attr('disabled', 'disabled');
         $('#debit').removeAttr('disabled');
    }
    else if (account == "cr"){
        $('#debit').attr('disabled', 'disabled');
         $('#credit').removeAttr('disabled');
    }
});

使用事件，然后切换借方和贷方字段禁用（如果用户选择了两者之一）

在您的案例中，您还说，如果用户选择了需求，则必须启用该字段

因此，您还应该添加一个条件，将强制用户选择，否则他将无法使用该字段。

看看这个

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

    var account = $(this).val();
    if (account == "db"){
        $('#credit').prop('disabled', false);
        $('#debit').prop('disabled', true);
    }
    else if (account == "cr"){
       $('#debit').prop('disabled', false);
       $('#credit').prop('disabled', true);
    }
    else{
       $('#debit, #credit').prop('disabled', true);
    }

});