/Html/When i click on one checkbox check all checkboxes

When i click on one checkbox check all checkboxes

Select all checkboxes html js

<script language="JavaScript">
function toggle(source) {
  checkboxes = document.getElementsByName('foo');
  for(var i=0, n=checkboxes.length;i<n;i++) {
    checkboxes[i].checked = source.checked;
  }
}
</script>

<input type="checkbox" onClick="toggle(this)" /> Toggle All<br/>

<input type="checkbox" name="foo" value="bar1"> Bar 1<br/>
<input type="checkbox" name="foo" value="bar2"> Bar 2<br/>
<input type="checkbox" name="foo" value="bar3"> Bar 3<br/>
<input type="checkbox" name="foo" value="bar4"> Bar 4<br/>

Source: stackoverflow.com

Html checkbox check all

<script language="JavaScript">
function toggle(source) {
  checkboxes = document.getElementsByName('foo');
  for(var checkbox in checkboxes)
    checkbox.checked = source.checked;
}
</script>

<input type="checkbox" onClick="toggle(this)" /> Toggle All<br/>

<input type="checkbox" name="foo" value="bar1"> Bar 1<br/>
<input type="checkbox" name="foo" value="bar2"> Bar 2<br/>
<input type="checkbox" name="foo" value="bar3"> Bar 3<br/>
<input type="checkbox" name="foo" value="bar4"> Bar 4<br/>

Source: stackoverflow.com

When i click on one checkbox check all checkboxes

<p><input onClick="setAllCheckboxes('actors', this);" type="checkbox" />All of them</p>
<div id="actors">
    <p><input type="checkbox" name="kevin" />Spacey, Kevin</p>
    <p><input type="checkbox" name="colin" />Firth, Colin</p>
    <p><input type="checkbox" name="scarlett" />Johansson, Scarlett</p>
</div>

Source: stackoverflow.com

When i click on one checkbox check all checkboxes

function setAllCheckboxes(divId, sourceCheckbox) {
    divElement = document.getElementById(divId);
    inputElements = divElement.getElementsByTagName('input');
    for (i = 0; i < inputElements.length; i++) {
        if (inputElements[i].type != 'checkbox')
            continue;
        inputElements[i].checked = sourceCheckbox.checked;
    }
}

Source: stackoverflow.com

Similar codes

6 votes252 views6 answers
Button
Html
1 vote249 views1 answer
How to break between characters in html
Html
0 vote286 views1 answer
Divi font awesome
Html
18 votes249 views2 answers
Html css center text on page
Html
13 votes241 views2 answers
How to get text in middle of page html
Html
2 votes250 views1 answer
Bootstrap form input select
Html
0 vote241 views1 answer
Bootstrap 4 spinner not showing
Html
3 votes319 views2 answers
Mobile prevent zoom
Html
22 votes249 views2 answers
How to write floating point numbers in html5 input
Html
0 vote274 views1 answer
Html two classes in one element
Html