O envio de dados selectivos da tabela dinâmica usando Ajax

votos
0

I têm uma tabela dinâmica com alguns dados e a contagem total de com JS, quando caixa é assinalada fila é removido da contagem.

Eu preciso de uma maneira de enviar primeiro campo ID e preço total para outra página php para linhas onde checkbox está marcada. Como pode ser visto na imagem abaixo eu preciso enviar vales 8, 10 e 15 com total de 1.500.
digite

Tenho dado todas as checkbox um id único e valor do mesmo 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>

Mais próximo que eu tenho é ler a tabela inteira com JS, com outro roteiro colocá-lo em submeter valor e passá-lo para outra página 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>

Este passa toda a tabela contém a especificação-provjera.php com AJAX mas desta forma é totalmente confuso e mensagens todas as linhas com caixas de seleção tudo pronto muito marcada.
Alguém pode sugerir uma maneira de fazer isso, tenha em mente que eu não sou muito bom com JS.

Publicado 19/03/2020 em 21:56
fonte usuário
Em outras línguas...                            

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