如何在表数据循环中制作所有复选框

Question

我想在数据表中制作所有复选框， 我尝试制作这样的代码，但只选择一个数据行。

我怎样才能让它全部被选中

以及添加表格数据时如何编号“1,2,3..”，不要重新开始

$('#pilih').click(function(){
            const unit = document.getElementById('unit').value;
            const nosam = document.getElementById('nosam').value;

            $.ajax({
                url: 'get/penjualan_data.php',
                data: {'unit': unit, 'nosam': nosam},
                cache: false,
            }).then(function(data){
                const json = data,
                obj = JSON.parse(json);

                var $table = $('#tampilkan tbody');
        for (var i = 0; i < obj.length; i++) {
        const a = i+1;
                 var $row = 
                    $("<tr>" +
            "<td>"+ a +"</td>" +
            "<td><input type='checkbox' id='check'></td>"+
                      "<td>"+ obj[i].nosam +"/"+ obj[i].gol +"</td>" +
                      "<td>"+ obj[i].nama +"</td>" +
            "<td>"+ obj[i].alamat +"</td>" +
                      "<td>"+ blnIndo(parseInt(obj[i].bulan)) +" "+ obj[i].tahun +"</td>" +
            "<td>"+  +"</td>" +
                      "<td>"+ obj[i].rupiah +"</td>" +
                      "</tr>");
          
                 $row.data(obj.nosam);
                 $row.data(obj.nama);
                 $row.data(obj.rupiah);
                 $table.append($row)
        }
            });
        });

    // only one select
    $('#checked-all').click(function(){
      $('#check').prop('checked', this.checked);
    });

enter image description here

Answer 1

因为您要检查的元素是动态元素（在加载 dom 时不存在），对于动态元素，请阅读此 JQuery: Selecting dynamically created elements and pushing to Firebase

OOT： 每个文档的 id 属性必须是唯一的 https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id

如果有多个元素使用该 id，你应该使用 class