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

Possible duplicate of [jQuery disable/enable submit button](http://stackoverflow.com/questions/1594952/jquery-disable-enable-submit-button) — harogaston, Jul 02 '16 at 18:06
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., Jul 02 '16 at 18:10

score 1 · Answer 1 · answered Jul 02 '16 at 18:05

1

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

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


            }
        }

answered Jul 02 '16 at 18:05

SaiKiran

6,244
11
43
76

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. – Paul Jul 02 '16 at 18:07
@Paul more explaination of question needed – SaiKiran Jul 02 '16 at 18:08

score 0 · Answer 2 · answered Jul 02 '16 at 18:09

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 02 '16 at 18:09

rwx

696
8
25

how to disable a button using jquery?

2 Answers2