Envoi de données sélectives de table dynamique à l'aide ajax

voix
0

J'ai une table dynamique avec des données et de comptage totale avec JS, lorsque case est cochée rangée est retirée de comptage.

J'ai besoin d'un moyen d'envoyer premier champ d'identité et le prix total à une autre page php pour les lignes où la case est cochée. Comme on le voit sur la photo ci-dessous, je dois envoyer Vales 8, 10 et 15 avec 1500 au total.
entrez

Je l'ai donné à chaque case un identifiant unique et la valeur de même 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>

Le plus proche que je suis arrivé est la lecture table entière avec JS, un autre script avec mise en valeur et présenter le passage dans une autre page 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>

Ceci passe toutes les tables contient en spec-provjera.php avec AJAX , mais cette façon est totalement en désordre et messages toutes les lignes avec des cases à cocher tous trop cochée.
Quelqu'un peut -il suggérer une façon de ce faire, gardez à l' esprit que je ne suis pas très bon avec JS.

Créé 19/03/2020 à 21:56
source utilisateur
Dans d'autres langues...                            

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