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

14 votes298 views2 answers
Html change attribute
Html
1 vote316 views1 answer
Html.erb conditionally add class
Html
0 vote348 views1 answer
Add csrf token in vuejs
Html
1 vote312 views1 answer
Json-ld for portfolio site
Html
0 vote312 views1 answer
Disable lazyload image smush
Html
0 vote303 views1 answer
What is the naming scheme for provider plugins?
Html
0 vote305 views1 answer
Grandezza di una tabella html
Html
2 votes315 views2 answers
Progress-bar-success bootstrap 4
Html
0 vote333 views1 answer
Ruin
Html
3 votes328 views2 answers
Html form onsubmit
Html