原生js实现选中所有的checkbox

 

<div class="con">
 <input name='多选项名称' type='checkbox' value='' id="all" onclick="cli('cc');"> 全选  
<input name='cc' type='checkbox' value='' > A <input name='cc' type='checkbox' value='' > B <input name='cc' type='checkbox' value='' > C <input name='cc' type='checkbox' value='' > D <input name='cc' type='checkbox' value='' > E <input name='cc' type='checkbox' value='' > F </div> <script type="text/javascript"> function cli (obj) { let chill = document.getElementById('all') let chilles = document.getElementsByName(obj) if (chill.checked) { for (let i = 0; i < chilles.length; i++) { chilles[i].checked = true } } else { for (let i = 0; i < chilles.length; i++) { chilles[i].checked = false } } }

原生js实现选中所有的checkbox。需要给所有的input标签写上专属的name。getElementsByName() 方法可返回带有指定名称的对象的集合。查询元素的 name 属性。