jQuery 属性禁用不起作用

Question

我尝试禁用(并删除)jQuery 中的某些属性，但当值更改并设置为“禁用”某些字段时，它似乎不起作用。当下拉框的值更改时运行此脚本。

下面是代码:

$(".tipo_frete").change(function(){
    if($(this).val()  == "FOB" ){
        $(".id_transp").attr("disabled");
        $(".id_transp").val("");
        $(".nome_transp").attr("disabled");
        $(".nome_transp").val("");
        $(".valor_frete").attr("disabled");                     
        $(".valor_frete").val("");                      
    }else{
        $(".id_transp").removeAttr("disabled");
        $(".valor_frete").removeAttr("disabled");           
        $(".nome_transp").removeAttr("disabled");           
    }
});

我在这里做错了什么吗？

Answer 1

使用prop()

禁用

$(".id_transp").prop("disabled",true);

启用

$(".id_transp").prop("disabled",false);

注意:$(".id_transp").attr("disabled");你必须传递2个参数，例如$(".id_transp").attr("disabled"，真)

简化你的代码

$(".tipo_frete").change(function () {
    if ($(this).val() == "FOB") {
        $(".id_transp,.nome_transp,.valor_frete").val("").prop("disabled", true);
    } else {
        $(".id_transp,.nome_transp,.valor_frete").prop("disabled", false);
    }
});