jQuery attribute disable not working

Question

I'm try to disable (and remove) some attributes in jQuery, but it seems not working when value is changed and set to "disabled" some fields. This script runs when a value of drop-down box is changed.

Here code below:

$(".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");           
    }
});

Did I do something wrong here?

In light of the answers, I think this question is OK, so I'll vote to reopen. (It might close as having too much of a niche solution, though, we'll see). — halfer
– halfer, Commented Dec 16, 2014 at 22:03

Balachandran · Accepted Answer · 2014-12-16 13:38:17Z

3

use prop()

disable

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

enable

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

NOTE : $(".id_transp").attr("disabled"); you have to pass 2 arguments like $(".id_transp").attr("disabled",true)

simplify your code

$(".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);
    }
});

edited Dec 16, 2014 at 13:38

answered Dec 16, 2014 at 13:25

Balachandran

9,6271 gold badge19 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alireza MH · Accepted Answer · 2014-12-16 13:40:02Z

2

In jQuery when you want to get attribute value, must be use .attr('key') or .prop('key') with one argument, But when you want to set a value to an attribute, you must set two arguments like as .attr('key', 'value') or .prop('key', 'value')

$(".id_transp").attr("disabled", "disabled");

//OR

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

answered Dec 16, 2014 at 13:40

Alireza MH

59311 silver badges27 bronze badges

Comments

user4366164 · Accepted Answer · 2014-12-16 13:26:55Z

2

Yes, you are missing another parameter in attr() property.
Try this:

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

But when you remove those attibutes, you keep only one parameter inside and it will be removed.

answered Dec 16, 2014 at 13:26

user4366164

1 Comment

bcesars Over a year ago

That was a complete one. It tried to pass two arguments in parameter on removeAttr() instead to do this in attr(). Thanks. Its worked.

I'm Geeker · Accepted Answer · 2014-12-16 13:26:24Z

1

element equal to selector '.id_transp';

  var $element = $(...);
        $element.prop('disabled', true);
        $element.attr('disabled', true); 

        // The following do not require jQuery
        $element.get(0).disabled = true;
        $element.get(0).setAttribute('disabled', true);
        $element[0].disabled = true;
        $element[0].setAttribute('disabled', true);

answered Dec 16, 2014 at 13:26

I'm Geeker

4,6575 gold badges25 silver badges42 bronze badges

Collectives™ on Stack Overflow

jQuery attribute disable not working

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related