运行代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>全选</title> <script> window.onload=function () { var qx=document.getElementById('all'); var Input=document.getElementsByTagName('input'); qx.onclick=quanxuan; } function quanxuan(){ var qx=document.getElementById('all'); var Input=document.getElementsByTagName('input'); for (var i=0;i<Input.length;i++){ Input[i].checked=true; } } </script> </head> <body> <p id="all">全选</p> <input type="checkbox"></br> <input type="checkbox"></br> <input type="checkbox"></br> <input type="checkbox"></br> <input type="checkbox"></br> <input type="checkbox"></br> <input type="checkbox"></br> <input type="checkbox"></br> <input type="checkbox"></br> <input type="checkbox"></br> <input type="checkbox"></br> <input type="checkbox"></br> </body> </html>
代码解释: var Input=document.getElementsByTagName('input');获得整组的 input
运行效果: