ajax का उपयोग कर गतिशील तालिका से चयनात्मक डेटा भेजा जा रहा

वोट
0

मैं जे एस के साथ कुछ डेटा और कुल गिनती, है जब चेकबॉक्स टिक पंक्ति संख्या से निकाल दिया जाता के साथ एक गतिशील तालिका है।

मैं कोई तरीका होना चाहिए पंक्तियों जहां चेकबॉक्स टिक जाता है के लिए एक और php पृष्ठ पर पहला आईडी क्षेत्र और कुल कीमत भेजने के लिए। जैसा कि चित्र पर देखा नीचे मैं कुल 1500 से vales 8, 10 और 15 भेजने की जरूरत है।
यहाँ

मैं हर चेकबॉक्स एक अनन्य आईडी और एक ही आईडी के मान दिया है।

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

निकटतम मुझे मिल गया है कि जे एस के साथ पूरे तालिका पढ़ रही है एक और स्क्रिप्ट इसे में डाल मूल्य सबमिट करें और यह एक और पीएचपी पेज में गुजर के साथ,।

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

यह गुजरता सभी तालिका AJAX के साथ कल्पना-provjera.php में होता है, लेकिन इस तरह से पूरी तरह से गंदा है और चेक-बॉक्स के साथ पदों सभी पंक्तियों पूरी तरह से तैयार भी जाँच की।
Can कोई व्यक्ति ऐसा करने, यह ध्यान रखें मैं जे एस के साथ बहुत अच्छा नहीं कर रहा हूँ एक तरह से सुझाव देते हैं।

19/03/2020 को 21:56
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            

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