Het verzenden van selectieve gegevens van dynamische tafel met behulp van ajax

stemmen
0

Ik heb een dynamische tafel met een aantal gegevens en de totale tellen met JS, wanneer checkbox wordt aangevinkt rij wordt uit tellen verwijderd.

Ik moet een manier vinden om eerst ID veld en de totale prijs te sturen naar een andere php pagina voor de rij waar checkbox is aangevinkt. Zoals te zien op de afbeelding hieronder Ik moet vales 8, 10 en 15 te sturen met in totaal 1.500.
voer

Ik heb elk vakje een unieke id en de waarde van dezelfde ID opgegeven.

<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>

Dichtstbijzijnde die ik kreeg is het lezen van gehele tafel met JS, met een ander script schoot leggen waarde en het passeren van het in een andere PHP-pagina.

<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>

Deze voldoet aan alle tabel bevat in spec-provjera.php met AJAX maar op deze manier is volledig rommelig en berichten alle rijen met check-boxes ook helemaal klaar gecontroleerd.
Kan iemand suggereren een manier om dit te doen, in gedachten te houden Ik ben niet erg goed met JS.

De vraag is gesteld op 19/03/2020 om 21:56
bron van user
In andere talen...                            

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