Home / Questions / 64124
Accepted
sirdaiz
Asked: 2020-04-21 02:27:58 +0800 CST 2020-04-21 02:27:58 +0800 CST

Select all checkboxes [duplicate]

  • 772

I've got :

Selecccionar todos : 


<div ng-repeat="column in columns">
    <input type="checkbox" id="selectAll" name="selectAll"/>
   <input type="checkbox" name="dinamico" > 1<br/>
   <input type="checkbox" name="dinamico" > 2<br/>
   <input type="checkbox" name="dinamico" > 3<br/>
</div>

How can I select all checkboxes if selectAll is selected?

javascript

2 Answers

  1. Best Answer

    If you give the checkboxones you create dynamically the same name:

    <div ng-repeat="column in columns">
    <input type="checkbox" value="{{column.field}}" 
     ng-init="query[indexX]             
     [column.field].check=false"            
     ng-model="query[index][column.field].check" 
     name="dinamico" /> 
</div>

    you can make use of this function:

    function toggle(source) {
  checkboxes = document.getElementsByName('dinamico');

  for(var i=0, n=checkboxes.length;i<n;i++) {
    checkboxes[i].checked = source.checked;
  }

}
    <input type="checkbox" onClick="toggle(this)" /> Seleccionar/Deseleccionar todos<br><br>

<input type="checkbox" name="dinamico" > 1<br/>
<input type="checkbox" name="dinamico" > 2<br/>
<input type="checkbox" name="dinamico" > 3<br/>
<input type="checkbox" name="dinamico" > 4<br/>

    • 4

  2. You could try something like this:

      $("#selectAll").click(function(){
    $(".column input[type=checkbox]").trigger('click');
  });

    It also helps you uncheck them all at once

    • 1