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 vote142 views1 answer
Typo3 news search form params lost pagination
Html
1 vote202 views1 answer
Wrap the last word of a paragraph in span tags using jQuery
Html
0 vote225 views1 answer
Animate image or text html
Html
0 vote158 views1 answer
How to add jquery to shopify
Html
14 votes177 views2 answers
How to add image in html link
Html
0 vote151 views1 answer
Fa fa-thumbs-o-up icon
Html
24 votes141 views5 answers
How to make a rectangle in javascript
Html
0 vote174 views3 answers
Assignment 1
Html
10 votes160 views3 answers
Text monospace bootstrap
Html
1 vote169 views1 answer
Vue submit reloads page
Html