Отправка выборочных данных из динамической таблицы с помощью Ajax

голоса
0

У меня есть динамическая таблица с некоторыми данными и общим подсчетом с JS, когда помечено строка удаляется из графа.

Мне нужен способ, чтобы отправить первое поле ID и общую цену на другую страницу PHP для строк, где галочкой флажок. Как видно на картинке ниже мне нужно отправить VALES 8, 10 и 15 с общей 1500.
введите

Я дал каждой CheckBox уникальный идентификатор и значение же идентификатор.

<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)
        }    
    }
</script>
  <script>
    function myFunction() {
    var info = document.getElementById(info).value;
    $.ajax({
            type : POST,  //type of method
            url  : spec-provjera.php,  //your page
            data : { info : value.info},// passing the values
            success: function(res){  
                                    //do what you want here...
                    }
        });
    }
    </script>
<button class=w3-btn w3-right w3-deep-orange type=submit name=izrada id=info onclick=myFunction()/>KREIRAJ test</button>
</form>

Пропускает всю таблица содержит в спецификации-provjera.php с помощью AJAX , но этот способ совершенно беспорядочный и сообщения всех строк с галочками все установлены слишком проверены.
Может ли кто - то предложить способ сделать это, иметь в виду , что я не очень хорошо с JS.

Задан 19/03/2020 в 21:56
источник пользователем
На других языках...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more