javascript - 迭代复选框javascript？

Question

我有一个选择/选中 id=hap 的所有复选框的功能

$(function () {
       $('#select-all').click(function (event) {

           var selected = this.checked;
           
           $('#hap').each(function () {    this.checked = selected; });

       });
    }); 

这是我选择全部的复选框。

<input type='checkbox' id='select-all'><label for='select-all'>Delete all</label>

我用它来选择由 php 获取的数据

$data=mysql_query("SELECT*FROM comment where news_id='$id'");
    $x=0;
    while($a=mysql_fetch_array($data)){
                                        
    $x++;
    echo"

<td class='center'>
    <input id='hap' type='checkbox' name='c_$x' value='$a[comment_id]'>
</td>";

}

但它只是在第一个循环中选择/检查一个数据，而没有选择另一个数据。

有人知道这是怎么回事吗？

Answer 1

ID 是唯一的。如果页面上有多个 ID，它将仅使用第一个。如果您在页面上需要多个内容，则需要使用类。