/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

0 vote294 views1 answer
Rotate gradient css
Html
1 vote305 views3 answers
Center bootstrap card
Html
3 votes288 views1 answer
Sound on click
Html
5 votes318 views1 answer
Add link behind a button in html
Html
2 votes281 views2 answers
Progress-bar-success bootstrap 4
Html
2 votes280 views2 answers
Trademark symbol html
Html
3 votes288 views2 answers
Viewport no zoom
Html
117 votes263 views3 answers
Html open things in new tab
Html
1 vote284 views1 answer
Credit card form html
Html
0 vote288 views1 answer
Magento 2 call phtml file in cms page
Html