从动态表发送选择性数据

Question

我有一个动态表，其中包含一些数据和 JS 的总计数，当勾选复选框时，从计数中删除行。

我需要一种将第一个 ID 字段和总价发送到另一个 php 页面的方法，用于勾选复选框的行。如下图所示，我需要发送 8、10 和 15 个值，总共 1500 个。

我给每个复选框一个唯一的 ID 和相同 ID 的值。

<table id="price-list">

<tr>

   <td>Some data</td>   

   <td>

       <input class="w3-check" type="checkbox" checked="" value="<?php echo $row['rad_id']?>" id="<?php echo $row['rad_id']?>">

   </td>

</tr>

<tfoot>

   <tr  class="totalColumn">

     <td><span> Ukupno:</span></td>

     <td class="total price">0.00 kn</td>

   </tr>

</tfoot>

</table>

我得到的最接近的是用 JS 读取整个表，另一个脚本将其放入提交值并将其传递到另一个 PHP 页面。

<form action="spec-provjera.php" method="POST">

<input type="button" id="bt" value="Show Table Data" onclick="showTableData()" />

    <!-- <input type="submit" name="submit" value="info" id="info" onclick="myFunction()"/> -->

<script>

    function showTableData() {

        document.getElementById('info').innerHTML = "";

        var myTab = document.getElementById('price-list');

        // LOOP THROUGH EACH ROW OF THE TABLE AFTER HEADER.

        for (i = 1; i < myTab.rows.length; i++) {

            // GET THE CELLS COLLECTION OF THE CURRENT ROW.

            var objCells = myTab.rows.item(i).cells;

            // LOOP THROUGH EACH CELL OF THE CURENT ROW TO READ CELL VALUES.

            for (var j = 0; j < objCells.length; j++) {

                info.innerHTML = info.innerHTML + ' ' + objCells.item(j).innerHTML;

            }

            info.value = info.innerHTML + '<br />';     // ADD A BREAK (TAGG)

        }    

    }

这会将所有表包含到带有 AJAX 的 spec-provjera.php 中，但这种方式完全是混乱的，并且会发布所有带有复选框的行都设置得太检查。如果我能过滤掉厚脸皮的行，我会很高兴。

有人可以建议一种方法来做到这一点，请记住我对 JS 不是很好

Answer 1

找到了解决方案：我将整个表格包装为表格，然后制作动态复选框唯一字段和相同的值“da”，如下所示：&nbsp;<input class="w3-check" type="checkbox" checked="" name="<?php echo $row['rad_id']?>" value="da">还使总价格字段成为只读输入，如下所示：&nbsp;$("tfoot .total.price",tbl).html( '<input type="post" id="total" readonly size="5" value="' + t.toFixed(2) + '" name="total">&nbsp; kn');然后我在其他 PHP 页面上这样做：&nbsp;foreach($_POST as $key => $value) {&nbsp; echo "POST parameter '$key' has '$value'</br> " ;}如果我取消选中第一张图片上看到的 id 14，女巫会给我：POST parameter '8' has 'da'POST parameter '10' has 'da'POST parameter '15' has 'da'POST parameter 'total' has '1500.00'正如所见，我只检查了总价的项目。现在我可以根据需要在 PHP 中进行操作。