Obtention des valeurs des lignes de table sélectionnées dans le bootstrap en utilisant jquery

Je suis en utilisant bootstrap table. En ce que je veux obtenir Item ID valeur/valeurs de certaines lignes de la table après avoir cliqué sur 'Add to cart' bouton présent sur la même page.

Code de la Table:

<table data-toggle="table" id="table-style" data-row-style="rowStyle" data-url="tables/data2.json"  data-show-refresh="true" data-show-toggle="true" data-show-columns="true" data-search="true" data-select-item-name="toolbar1" data-pagination="true" data-sort-name="name" data-sort-order="desc" data-single-select="false" data-click-to-select="true" data-maintain-selected="true">
  <thead>
    <tr>
      <th data-field="state" data-checkbox="true"></th>
      <th data-field="id" >Item ID</th>
      <th data-field="name" data-sortable="true">Product Name</th>
      <th data-field="price" data-sortable="true">Actual Price</th>
      <th data-field="discount_price" data-sortable="true">Discount Price</th>
      <th data-field="stock_avail" data-sortable="true">Stock Available</th>
    </tr>
  </thead>
</table>

JQuery code:

$(document).ready(function()
{
   $("#add_cart").click(function()
   {
      //foreach selected row retrieve 'Item ID' values in array;
      //call ajax for otherpage.php?arr='Item ID array';
   });
});

Comme je suis nouveau dans le bootstrap j'essaie de lutter contre cette mais de ne pas avoir la bonne solution quelqu'un merci de me conseiller.

Obtention des valeurs des lignes de table sélectionnées dans le bootstrap en utilisant jquery

source d'informationauteur Vilas Galave

  1. 2

    Ici est un exemple de donner à vous :

    HTML

    <table id="table-style">
<thead>
    <tr>
        <th data-field="state" data-checkbox="true"></th>
        <th data-field="id">Item ID</th>
    </tr>
    <tr>
        <td>
            <input type="checkbox" />
        </td>
        <td>5</td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" />
        </td>
        <td>15</td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" />
        </td>
        <td>10</td>
    </tr>
</thead>
</table>

<button>Add to cart</button>

    JS

    var arr;
$('button').click(function(){
  arr = $('#table-style').find('[type="checkbox"]:checked').map(function(){
      return $(this).closest('tr').find('td:nth-child(2)').text();
  }).get();

  console.log(arr);
});

    DÉMO

  2. 0

    Bootstrap tableau a une fonction getSelections

    avec le javascript d'une fonction, vous pouvez obtenir toutes les lignes sélectionnées. (votre checkobx champs doit être lié à des données de champ="état")

                function getIdSelections() {
            return $.map($table.bootstrapTable('getSelections'), function (row) {
                return row.Id
            });
        }