how to disable a button using jquery?

Question

I am using this code for accessing the attribute of the button throught the id of one of the form fields.. but it isn't working..

$(document).ready(function() {

    if (document.getElementById("idadminusername").style.color == 'red') {    

        $("#btn").attr("disabled", "true");   
    }
}

Apart from the technical solution, disabling/enabling buttons depending on another element's css style is something a team mate might want to kill you for :) — Jan B.
– Jan B., Commented Jul 2, 2016 at 18:10

SaiKiran · Accepted Answer · 2016-07-02 18:05:27Z

1

   $(document).ready(function() {
            if (document.getElementById("idadminusername").style.color == 'red') {

                $('#btn').prop('disabled', true);


            }
        }

answered Jul 2, 2016 at 18:05

SaiKiran

6,53412 gold badges48 silver badges77 bronze badges

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

2 Comments

Paul Over a year ago

it's also possible that his if statement is false, if for example the button is set to red via CSS and not directly via the style attribute.

SaiKiran Over a year ago

@Paul more explaination of question needed

rwx · Accepted Answer · 2016-07-02 18:09:34Z

0

To disable a for field you need to do e.g. this:

html

<form>
  <input id="foo"/>
  <input id="bar"/>
</form>

js

$("#foo").prop('disabled', true);

https://jsfiddle.net/vdkm7phw/

answered Jul 2, 2016 at 18:09

rwx

7268 silver badges27 bronze badges

Collectives™ on Stack Overflow

how to disable a button using jquery?

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related