Select all checkboxes [duplicated]

3

I have:

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?

    
asked by sirdaiz 20.04.2017 в 12:27
source

2 answers

2

If the checkbox that you dynamically create, you put 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 use 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/>
    
answered by 20.04.2017 / 12:40
source
1

You could try something like this:

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

It also helps you to uncheck them all at once

    
answered by 20.04.2017 в 12:42