Mysql
 sql >> डेटाबेस >  >> RDS >> Mysql

इसके चेक-बॉक्स के साथ कुछ इनपुट लपेटें और डेटाबेस को भेजें

यह इतना कठिन नहीं है, इस HTML के लिए:

<table>
    <thead>
        <tr>
            <th>Mark</th>
            <th>Name</th>
            <th>Qty</th>
            <th>Price</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><input type="checkbox" name="id[1]" /></td>
            <td><input type="text" name="name[1]" /></td>
            <td><input type="text" name="quantity[1]" size="3" /></td>
            <td><input type="text" name="price[1]" size="3" /></td>
        </tr>
        <tr>
            <td><input type="checkbox" name="id[2]" /></td>
            <td><input type="text" name="name[2]" /></td>
            <td><input type="text" name="quantity[2]" size="3" /></td>
            <td><input type="text" name="price[2]" size="3" /></td>
        </tr>
        <tr>
            <td><input type="checkbox" name="id[3]" /></td>
            <td><input type="text" name="name[3]" /></td>
            <td><input type="text" name="quantity[3]" size="3" /></td>
            <td><input type="text" name="price[3]" size="3" /></td>
        </tr>
        <tr>
            <td colspan="4"><input id="save" type="button" value="Submit" /></td>
        </tr>
    </tbody>
</table>
<h3>Post data:</h3>
<div class="submit_data">click Submit...</div>

पूरा jQuery स्निपेट होगा:

$('input[name^=id]').on('change', function(e) {
    var thisCheckbox = $(this);
    var thisRow = thisCheckbox.closest('tr');
    if ( thisCheckbox.is(':checked') ) {
        thisRow.addClass('row_selected');
    } else {
        thisRow.removeClass('row_selected');
    };
});
$('#save').on('click', function(e) {
    e.preventDefault();
    var toPost = $('.row_selected input').serialize();
    /* Now post and insert into database */
    $.post('insert_into_db.php', toPost, function(data) {
        alert('Success!');
    });
});

कोड को काम करते हुए देखें

PHP में पोस्ट किए गए वेरिएबल इस प्रकार सरणियाँ हैं:

[id] => Array
    (
        [1] => on
        [3] => on
    )

[name] => Array
    (
        [1] => My name 1
        [3] => My name 3
    )

[quantity] => Array
    (
        [1] => 100
        [3] => 50
    )

[price] => Array
    (
        [1] => 23.34
        [3] => 15.23
    )

और आप उन्हें इस तरह ब्राउज़ कर सकते हैं:

foreach( $_POST['id'] as $id=>$on ) {
    echo 'ID: ' . $id . '<br />';
    echo 'Name: ' . $_POST['name'][$id] . '<br />';
    echo 'Qty: ' . $_POST['quantity'][$id] . '<br />';
    echo 'Price: ' . $_POST['price'][$id] . '<br />';
    echo '<hr />';
};

जो आउटपुट करता है:

ID: 1
Name: My name 1
Qty: 100
Price: 23.34
------------------
ID: 3
Name: My name 3
Qty: 50
Price: 15.23
------------------

कृपया ध्यान दें:कुछ उपकरणों पर आपको सामान्य रूप से jQuery कैशिंग को बंद करना होगा:

$.ajaxSetup({ cache: false });

या विशिष्ट पोस्ट:

$.ajaxSetup({
   type: 'POST',
   headers: { "cache-control": "no-cache" }
});



  1. Database
  2.   
  3. Mysql
  4.   
  5. Oracle
  6.   
  7. Sqlserver
  8.   
  9. PostgreSQL
  10.   
  11. Access
  12.   
  13. SQLite
  14.   
  15. MariaDB
  1. MySQL:GROUP_CONCAT एक ORDER BY COUNT के साथ?

  2. Mysql में फ़ोन नंबर खोज रहे हैं

  3. क्या कोई MySQL इंडेक्स पर एक अच्छे ट्यूटोरियल की सिफारिश कर सकता है, खासकर जब एक जॉइन के दौरान क्लॉज द्वारा ऑर्डर में इस्तेमाल किया जाता है?

  4. मैसकल रेस कंडीशन से ठीक से कैसे बचें

  5. क्या दो अलग-अलग उपकरणों में एक ही GCM पंजीकरण आईडी हो सकती है?