How to trigger a value change listener in JSF without submitting the form

Question

hi friends,
I have a JSF Page which contains a check box and a text box.
I made the text box property as readonly.
when i click the check box , i want to make my text box as editable.
i achieved the above task by submitting the whole form when i click the check box.
i want to acheive the same functionality with out submitting the form.
In one of the references it is stated that "Value-changed handlers are executed if the page is submitted and the value of the component has changed."
hope you got the question.
please let me know, if you know the answer.

Answer 1

Hi,
If at all you dont want to submit the form and wanna reflect same form's field(s) as per the change in drop-down/check-box,
you can simply achive it using traditional way of 'JavaScript'.
For that you may typically give <h:form> tag any specific id say
<h:form id="myForm"> and for dropdown/checkbox also you may give id say
<h:selectBooleanCheckbox id="group" onchange="javascript:reflectChangedValue();"  ... >
</h:selectBooleanCheckbox>and in the same JSP you can write any JS function say reflectChangedValue() as
function reflectChangedValue()  {
     var formPrefix  = "myForm:";
     var groupId = formPrefix + "group";
     var value = document.getElementById(groupId).value;
      if(value) {
           // enale textbox here
      } else {
           // disable textbox here
}For formPrefix and groupId, f you are having any doubts, you can refer to 'view source' from the browser,
generated HTML of the working JSP.