JavaScript：按鈕點擊顯示所有列前的核取方塊 — 使用 getElementsByClassName 迭代

原始碼使用 document.getElementById("a") 僅取得第一個元素（ID 應唯一），導致只有第一列出現核取方塊。解決方法：改用 class 選取並迴圈處理。

修正程式碼

<html>
<head>
<meta charset="utf-8">
<style> .aa { display: none; } </style>
</head>
<body>
<input type="checkbox" class="aa">啊啊啊<br>
<input type="checkbox" class="aa">啊啊啊<br>
<input type="checkbox" class="aa">啊啊啊<br>
<input type="button" value="顯示核取方塊" onclick="showAll()">
<script>
function showAll() {
    var checkboxes = document.getElementsByClassName('aa');
    for (var i = 0; i < checkboxes.length; i++) {
        checkboxes[i].style.display = 'inline';
    }
}
</script>
</body>
</html>

重點

• ID 必須唯一，多個元素請用 class。
• getElementsByClassName 回傳 HTMLCollection（即時集合），可直接用 for 迴圈遍歷。
• 若需支援舊版 IE，可改用 document.querySelectorAll('.aa') 並用 forEach 或索引迴圈。