Answers for "check or uncheck all checkboxes html"

1

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/>
Posted by: Guest on October-16-2020
0

uncheck all checkboxes typescript

html
<input #checkboxes type="checkbox">
...
<button type="button" (click)="uncheckAll()"></button>

ts file
@ViewChildren("checkboxes") checkboxes: QueryList<ElementRef>;

uncheckAll() {
  this.checkboxes.forEach((element) => {
    element.nativeElement.checked = false;
  });
}
Posted by: Guest on April-05-2021

Code answers related to "check or uncheck all checkboxes html"

Code answers related to "Javascript"

Browse Popular Code Answers by Language