Disable or Enable input field on Checkbox change in Visualforce Page Salesforce

Kapil April 21, 2021

You can use below code to disable or enable input fields in VF page on click of checkbox :

Visualforce

<apex:page controller="checkboxCtrl">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        $("[id$=myCheckbox]").change(function(){
            if(this.checked==true){
                   $("[id$=mytextinput]").prop("disabled",true);
            }
            else{
                $("[id$=mytextinput]").prop("disabled",false);
            }
        });
    });
    </script>
    <apex:form>
        <apex:pageblock>
            <apex:pageBlockSection>
                <apex:pageBlockSectionItem>
                    <apex:outputPanel styleClass="requiredInput" layout="block">
                        <apex:inputField id="mytextinput" value="{!acc.Name}"/>
                        <apex:inputCheckbox id="myCheckbox" />
                    </apex:outputPanel>
                </apex:pageBlockSectionItem>
            </apex:pageBlockSection>
        </apex:pageBlock> 
    </apex:form>
</apex:page>