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

35 votes193 views6 answers
How to bold in html
Html
0 vote187 views1 answer
Show image inside table with innerhtml
Html
0 vote215 views1 answer
Html submit form onclick
Html
24 votes227 views5 answers
Gold Color hash code
Html
0 vote204 views1 answer
B-table-column v-slot undefined
Html
0 vote234 views1 answer
Internal link css
Html
0 vote177 views1 answer
Android strings plural
Html
14 votes209 views2 answers
How to add image in html link
Html
40 votes259 views4 answers
Using svg in html
Html
0 vote207 views1 answer
Bootstrap force majuscule class
Html