Checkbox & JavaScript
Checkboxes are very common in webpage forms and is used where one more than one option is to be selected out of a given choice by visitors.
Radio button or Checkbox
The difference in check box and period button is the user can't select more than one option in case of period buttons. In checkbox the user can give more than one option. For example in a newsletter script you can ask the visitor to select their interested areas. Here the user can give one or more than one option as the area of interest. So all options are to be stored or covered for the user. This way we can get more than one option for a choice.In a radio ( or period ) button, we can select one option out of several choices given to the user. In a check box we can select more than one.
You can read more about basics and design of checkboxes in our html section
We will discuss here various JavaScript controls for checkbox and its uses.
| Element Functions | Description |
| Checkbox validation | Ensuring the checkbox is checked before submitting the form |
| Checkbox array | Using array to assign name to a group of checkbox |
| Disable checkbox | Using disabled property, enabling or disabling checkbox by using button |
| Disable textbox | Disable or enable a text box through a checkbox |
| Number of checkbox | Restricting the total number of checkbox to be selected by user |
| Uncheck and check | Group of checkbox by a single click ( Check All or Un check all ) |
This article is written by plus2net.com team.
More on CheckBox & PHP
Checkbox: Using checkbox with PHP Scripts
Validation: Checking the user input of a checkbox and showing message
Checkbox Array: Handling a group of checkbox by array
Disable checkbox: Disable and enable checkbox by clicking button
Disable Text box : Disable a textbox by a checkbox
Limit Checkbox : Limiting the number of checkbox can be checked by user
Check All : Checking or unchecking a group of checkbox by button or at single point
Validation: Checking the user input of a checkbox and showing message
Checkbox Array: Handling a group of checkbox by array
Disable checkbox: Disable and enable checkbox by clicking button
Disable Text box : Disable a textbox by a checkbox
Limit Checkbox : Limiting the number of checkbox can be checked by user
Check All : Checking or unchecking a group of checkbox by button or at single point
More on JavaScript form Validation
Javascript Form Validation Email Validation Disabling the submit button till all the elements of the form are validated getElementById to access form elements with event handlersPeriod button Validation of a formdisabling Period button by a checkboxCheckbox
How to limit number of checkboxes allowed to be clicked inside a formCheckbox Validation of a formDisplaying checked value of a check box arraydisabling checkbox by button clickEnable or disable of a text box by a checkboxAll Checking & Un checking in a group of checkboxes by single buttonListBox:
Adding options to a drop down list boxRemoving options from a drop down list boxMoving options from one drop down list box to otherDynamic population of second list box based on value of first list box
Datalist adding options