Hide and show button javascript

Question

I am new to javascript any advice will be really much appreciated I am trying to hide my button and show it based in the value that been loaded to a field but my below code is not working

there is a field named ook if page loaded there will be a value display in ook it depends on the database but it will be loaded in page I want my button to hide if value is not yes

    $(document).ready( function(){

           var k = FormUtil.getField("ook").val();

           if ( k ='YES') {

               $("#btn).show();

           } else {  $("#btn).hide();
        }
    });

Why is your code all over the place like that? Please use the refactoring/beautifier utilities of your IDE. — Luca Kiebel
– Luca Kiebel, Commented Aug 29, 2018 at 17:46
I am only beginner I am trying to learn it thank you for the advice — rrr
– rrr, Commented Aug 29, 2018 at 17:48
There are a few syntax errors with this code that you should fix first. #1) Your $(function(){} is missing a closing ); #2) Your else { is missing a closing }. #3) Your $("#btn) is missing the " to make it correctly written as $("#btn") — Taplar
– Taplar, Commented Aug 29, 2018 at 18:00
Also, $(document).ready() and $(function(){}) are effectively the same thing, so you are doing the same thing twice. You only need one of those, so pick which one you like better and remove the other. — Taplar
– Taplar, Commented Aug 29, 2018 at 18:00
condition is wrong - use == instead of = to check equality — Vivek
– Vivek, Commented Aug 29, 2018 at 18:13

sonal.paghdal · Accepted Answer · 2018-08-29 17:52:45Z

2

$(document).ready( function(){

    $(function(){



           var k = FormUtil.getField("ook").val();

       if ( k ='YES')
       {

           $("#btn).css("display" ,"block")




           } else {  $("#btn).css("display ,"none")

}

});



});

answered Aug 29, 2018 at 17:52

sonal.paghdal

2663 silver badges16 bronze badges

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

6 Comments

Rich Over a year ago

It may be helpful to include a short explanation of your code.

sonal.paghdal Over a year ago

Yes, explanation of above-mentioned code is You can hide or show of your div using method .css() of jQuery.

sonal.paghdal Over a year ago

Have you checked the value of "k" when page is load , if value is not assigned then you can set false as a default value & then check ook filed return value

sonal.paghdal Over a year ago

Oh, sorry. Please the else part with $("#btn").css("display ,"none")

Taplar Over a year ago

@sonal.paghdal bottom left of your post there is an 'edit' button that you can use to edit and fix your post.

|

Erubiel · Accepted Answer · 2018-08-29 21:09:20Z

0

You had a typo in condition ( k ='YES'), also in $("#btn) selectors

$(document).ready( function(){

       var k = FormUtil.getField("ook").val();

       if ( k == 'YES') {

           $("#btn").show();

       } else {  
           $("#btn").hide();
       }
});

answered Aug 29, 2018 at 21:09

Erubiel

2,97216 silver badges32 bronze badges

Collectives™ on Stack Overflow

Hide and show button javascript

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related