of Triminds, Inc.
Step 1: Design a form look include a text box,
check box, and buttons.
| <form action="" method="" name=""> <input type="text" size="10" <input type="checkbox" <input type=”submit” value=”Add”> <input type=”reset” value=”Clear”> </form> |
Step 2: Give the form and the input types a name.
*Very Important*
| <form action="" method="" name="formname"> <input type="text" size="10" <input type="checkbox" <input type=”submit” value=”Add”> <input type=”reset” value=”Clear”> </form> |
Step 3: Add the onclick tag in the checkbox.
Make the value
"codename()". *Very Important*
| <form action="" method="" name="formname"> <input type="text" size="10" <input type="checkbox" onclick="codename()" <input type=”submit” value=”Add”> <input type=”reset” value=”Clear”> </form> |
Step 4: Now we want to make the text box disabled.
Add the disabled in the
text box.
| <form action="" method="" name="formname"> <input type="text" disabled <input type="checkbox" <input type=”submit” value=”Add”> <input type=”reset” value=”Clear”> </form> |
| Step 5: Now we need to enable it with the checkbox using a small java script. Add the following code above the form. The script is case sensitive meaning you can only use lowercase.
|
|
<SCRIPT LANGUAGE=”JavaScript”><!– if(document.formname.checkboxname.checked) else //–> <form action="" method="" <input type="text" disabled size="10" <input type="checkbox" <input type=”submit” value=”Add”> <input type=”reset” value=”Clear”> </form> |
| This code is also useful when you don’t want to send empty values. It allows you have a option. Example: using form method GET (http://www.host.com/index.asp?formname=&checkboxname=ON) Example: using form method GET |
