原生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 屬性。