El envío de datos selectivos de la tabla dinámica utilizando ajax

votos
0

Tengo una tabla dinámica con algunos datos y el recuento total, con JS, cuando casilla de verificación está marcada se elimina la fila de recuento.

Necesito una forma de enviar primer campo ID y el precio total a otra página PHP para las filas donde está marcada la casilla de verificación. Como se ve en la imagen siguiente Necesito enviar Vales 8, 10 y 15 con total de 1.500.
introducir

Me he dado toda casilla de verificación de un identificador único y el valor del mismo 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>

Más cercano que tengo es leer toda la tabla con JS, con otro guión de ponerlo en valor presente y pasándolo a otra 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>

Esto pasa todo en tabla contiene las especificaciones-provjera.php con AJAX pero de esta manera es totalmente desordenado y mensajes todas las filas con casillas todo listo demasiado marcada.
¿Puede alguien sugerir una manera de hacer esto, tenga en cuenta que no soy muy bueno con JS.

Publicado el 19/03/2020 a las 21:56
fuente por usuario
En otros idiomas...                            

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