Checkbox Button For Checked Checkbox Using Javascript

Using javascript for check and uncheck all checkbox on click, There is two type button both are different like check all and uncheck all.

Please choose your sports which you likes.

Hockey
Fooball
Tennis
Cricket
Badminton
Basket Ball
Volley Ball
Long Jump
High Jump
Shotput

The javascript code is following, which do this all action. Take a look on that and remeber these thing is very easy and you will need to learn about these action

function check_all(formName){
    for (i = 0; i < formName.length; i++){
        formName[i].checked = true ;
    }
}
function uncheck_all(formName){
    for (i = 0; i < formName.length; i++){
        formName[i].checked = false ;
    }
}

Just you need to follow following things, keep it in mind when you are going to do this.

1. All checkbox need to same name.

2. Give to form name in your form tag.

These thing you need to know. Following giving working code just you need to copy and paste in our page and run.

<script type="text/javascript"> function check_all(formName){ for (i = 0; i < formName.length; i++){ formName[i].checked = true ; } } function uncheck_all(formName){ for (i = 0; i < formName.length; i++){ formName[i].checked = false ; } } </script> <form name="checkBoxForm" class="checkBoxForm"> <br /><br /> <span class="master"><input type="button" id="master" value="Select All" onClick="check_all(checkBoxForm)"><input type="button" id="master" value="Select None" onClick="uncheck_all(checkBoxForm)"></span> <br /><br /> <p class="hob">Please choose your sports which you likes.</p> <div class="slave"> <input type="checkbox" name="brand_id" id="brand_id" value="123">Hockey<br /> <input type="checkbox" name="brand_id" id="brand_id" value="123">Fooball<br /> <input type="checkbox" name="brand_id" id="brand_id" value="123">Tennis<br /> <input type="checkbox" name="brand_id" id="brand_id" value="123">Cricket<br /> <input type="checkbox" name="brand_id" id="brand_id" value="123">Badminton<br /> <input type="checkbox" name="brand_id" id="brand_id" value="123">Basket Ball<br /> <input type="checkbox" name="brand_id" id="brand_id" value="123">Volley Ball<br /> <input type="checkbox" name="brand_id" id="brand_id" value="123">Long Jump<br /> <input type="checkbox" name="brand_id" id="brand_id" value="123">High Jump<br /> <input type="checkbox" name="brand_id" id="brand_id" value="123">Shotput<br /><br /><br /> </div> </form>

This is javascript check and uncheck code.