Html checkbox check all

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

Html checkbox check all

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

Source: stackoverflow.com

Similar codes

0 vote295 views1 answer
Link node module in html
Html
25 votes231 views6 answers
Bootstrap input
Html
0 vote238 views2 answers
Latex in html
Html
21 votes248 views6 answers
Html image with link
Html
0 vote261 views1 answer
Cards bootstrap examples
Html
0 vote237 views1 answer
Web svg drawing tool for mathematics
Html
5 votes253 views1 answer
How to link html pages in different folders
Html
0 vote270 views1 answer
Image on text in bootstrap
Html
3 votes260 views4 answers
Drag and drop angular
Html
1 vote249 views1 answer
[(ngModel)] in a select
Html