Breaking News: Grepper is joining You.com. Read the official announcement!

select all checkboxes html js

Add Answer

Filthy Fly answered on October 16, 2020 Popularity 10/10 Helpfulness 8/10

answer select all checkboxes html js

related how to select all checkbox in javascript

related html checkbox check all

select all checkboxes html js

Comment

<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/>

Popularity 10/10 Helpfulness 8/10 Language javascript

Source: stackoverflow.com

Tags: html javascript select

Link to this answer
Share Copy Link

Contributed on Nov 13 2020

Filthy Fly

0 Answers Avg Quality 2/10

Closely Related Answers

how to select all checkbox in javascript

Comment

// Get all checkboxes on the page
const checkboxes = document.querySelectorAll('input[type="checkbox"]');

// Loop through the checkboxes and check them
checkboxes.forEach((checkbox) => {
  checkbox.checked = true;
});

Popularity 6/10 Helpfulness 7/10 Language javascript

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

html checkbox check all

Comment

<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/>

Popularity 9/10 Helpfulness 6/10 Language html

Source: stackoverflow.com

Tags: checkbox checkbo

Link to this answer
Share Copy Link

Contributed on Oct 16 2020

Grotesque Goldfinch

0 Answers Avg Quality 2/10

html checkbox check all

Comment

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

Popularity 9/10 Helpfulness 4/10 Language html

Source: stackoverflow.com

Tags: checkbox checkbo

Link to this answer
Share Copy Link

Contributed on Oct 16 2020

Grotesque Goldfinch

0 Answers Avg Quality 2/10

select all checkboxes html js

Contents

More Related Answers

select all checkboxes html js

Closely Related Answers

how to select all checkbox in javascript

html checkbox check all

html checkbox check all

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.