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

选择所有复选框[重复]

  • 772

我有 ：

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>

如果 selectAll 被选中，我如何选择所有复选框？

javascript

2 Answers

  1. Best Answer

    如果您给checkbox动态创建的名称相同的名称：

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

    您可以使用此功能：

    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. 你可以尝试这样的事情：

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

    它还可以帮助您一次取消选中它们

    • 1