I have the following javascript function which is called from a apex:commandbutton. hasuser is a variable of the controller

  function toggleButton(box, id1, id2) {
        var user='{!hasuser}';
          var elm1 = document.getElementById(id1);
          var elm2 = document.getElementById(id2);
          if(box.checked && user){
                elm1.style.display = "";
          else if(box.checked && !user)
                  elm2.style.display = "";
                  elm1.style.display = "none";
                  elm2.style.display = "none";

Always the first button seems to be displayed.

No matter whatever the value of the user variable(true or false)..Can anyone tell me what is wrong? I can't figure it out.

  • I think .... in javascript you need to check like user=='true' and user=='false' – Ratan Paul Jan 7 '16 at 12:34

in javascript you need to check like user=='true' and user=='false'

Because in javascript variable user stored as string..


JavaScript loaded when page is loaded. So, even if the value of hasuser(Controller variable) changed in the controller then also JavaScript will not refresh with the new value.

There are many ways to accomplish this and it totally depends upon how the value is updated in the controller. One way is to take this variable (hasuser) in the inputHidden as below:

<apex:inputHidden value="{!hasUser}" id="checkUserID"/>

and reRender this id (checkuserId) after completing the action where in the hasUser values gets changed. After making this change you need to get this variable in your JavaScript function with the help of id attribute of apex:inputHidden. for ex: var user = document.getElementById('checkUserID');// Please note that you have to pass the full hierarchical id of the input hidden in the JavaScript like frm:checkUserID and so on to get the updated value.

Another thing is when you try to use any controller variable like '{!hasUser}' then JavaScript treats it as a string with true and false text.

Hope it will help you!!!

  • so you want to we can access apex:inputHidden using document.getElementById('checkUserID') . is it we don't have to use $Component.checkUserID ? – Ratan Paul Jan 7 '16 at 13:00
  • @Ratan as there are various way to do the things. This is a way that I have mentioned. I will work without any error if use without $Component. Also, when we use $Component. then it also required a provide $Component.Path to access the DOM element. – userRg Jan 7 '16 at 13:16

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.