Here is a simple little snippet that uses jQuery to enable or disable text input boxes in forms using a checkbox. When disabling the text boxes it prompts you to confirm it so that you don’t accidentally delete your data. This might be useful for forms elements that need to be enabled or disabled when a certain checkbox is checked like in a options page. The code itself is quite self explanatory but please feel free to ask if you are having any problems.

Demo

Please type something into the text input boxes and click on Enable







HTML Code

Javascript/jQuery Code

Download jQuery Checkbox Script