<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS</title> <style> </style> </head> <body> <h1>javascript 实现按钮操作 全选 全不选 反选</h1> <hr> <ul id="ullist"> <li><input type="checkbox"> 小莉莉</li> <li><input type="checkbox"> 小静静</li> <li><input type="checkbox"> 小翠翠</li> <li><input type="checkbox"> 小艳艳</li> <li><input type="checkbox"> 小萌萌</li> </ul> <button onclick="selectAll(1)">全选</button> <button onclick="selectAll(2)">全不选</button> <button onclick="selectAll(3)">反选</button> <hr> <script> function selectAll(m){ var inputs = document.getElementById('ullist').getElementsByTagName("input"); //遍历 for (var i = 0; i < inputs.length; i ++) { switch (m) { case 1: inputs[i].checked = true;break;// 全选 case 2: inputs[i].checked = false;break;// 全不选 case 3: inputs[i].checked = !inputs[i].checked;break;// 全不选 } } } </script> </body> </html>