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

4 votes101 views2 answers
Align right tailwind
Html
2 votes107 views3 answers
How to disable a div in angular
Html
0 vote104 views1 answer
Python virtualenv venv
Html
0 vote109 views2 answers
Hide input field title show when it is filled
Html
0 vote97 views1 answer
Scrool immagini html
Html
0 vote109 views1 answer
Fixed footer button css
Html
1 vote110 views2 answers
Open vsc with admin rights linux
Html
0 vote96 views1 answer
What is the PERN stack
Html
1 vote122 views1 answer
How to show a splash screen html page only once
Html
0 vote111 views1 answer
The template root requires exactly one element.eslint-plugin-vue
Html