boolean if and else statement to toggle button

Question

I am receiving a True/False statement called favIcon, that is responsible for a button state. This button toggles from "active to "disabled", and behaves similar to a "facebook like button": on page load, if favIcon is true it shows the button "Active".

First thing I am trying to do is to console.log the favState condition with an If statement. Current attempt looks like this (this is my reference):

     var favIcon = true;

     function onload(){
       if(favIcon == true){
            console.log ("active");
       }

       else {
             console.log ("disabled"); 
       }}

I didn't manage to make it work, and once I have this response, it will allow me to go to the next step:

if favIcon == true, button state is active

if favIcon == false, button state is disabled

Now the button goes from disabled to active (I managed to make something to work!) (used this for ref)

     <input id="button" type="button" value="disabled">

     <script>
             $('#button').click(function() {
             $(this).val('active');
         });
     </script>

Hopefully I was clear enough. Thank you all.

To make this question clearer you might consider providing a [SSCCE](http://sscce.org/) using http://jsfiddle.net — Denys Séguret, Oct 17 '13 at 14:42
are you missing one closing bracket in onLoad function? And from where is it called? — Vandesh, Oct 17 '13 at 14:44
Now the closing bracket is just at the wrong place, it needs to be "after" the `else` part. Also, `onLoad()` won't be called from ``. A function named `foo` if exists, will be called. — Vandesh, Oct 17 '13 at 15:01
as Vandesh say, you don't have the onload function well balanced. — mrod, Oct 17 '13 at 15:01
oh, I see. Do you think it would be better to check the button "value" rather than doing onpage load? . tks @Vandesh — user2755801, Oct 17 '13 at 15:11
If you only want to diable/enable the button based on favIcon value you can do it using .prop(). Check my answer — Vandesh, Oct 17 '13 at 15:14

score 0 · Accepted Answer · answered Oct 17 '13 at 15:14

0

You can disable the button based on favIcon value as follows -

$("#button").prop("disabled",favIcon);

And to run the above code, wrap it inside document ready like -

$(function(){
  $("#button").prop("disabled",favIcon);
});

boolean if and else statement to toggle button

1 Answers1