使用jquery获取引导程序中所选表行的值

我正在使用bootstrap表。 我希望在点击同一页面上的'Add to cart'按钮后获取所选表格行的Item ID值/值。

表格代码：

 
 
 
 
 
Item ID
 
Product Name
 
Actual Price
 
Discount Price
 
Stock Available
 
 
  

JQuery代码：

 $(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'; }); }); 

因为我是bootstrap的新手，我正试图解决这个问题，但没有得到适当的解决方案，任何人请告诉我这个。

Answer 1

只需使用check.bs.table和check.bs.table事件来收集已检查的行。

BS-Table基本事件

这是一个例子。

 var checkedRows = []; $('#eventsTable').on('check.bs.table', function (e, row) { checkedRows.push({id: row.id, name: row.name, forks: row.forks}); console.log(checkedRows); }); $('#eventsTable').on('uncheck.bs.table', function (e, row) { $.each(checkedRows, function(index, value) { if (value.id === row.id) { checkedRows.splice(index,1); } }); console.log(checkedRows); }); $("#add_cart").click(function() { $("#output").empty(); $.each(checkedRows, function(index, value) { $('#output').append($('
').text(value.id + " | " + value.name + " | " + value.forks)); }); }); 

      
 
 
 
 
Name
 
Stars
 
Forks
 
Description
 
 
 
 Add to card 
 

Answer 2

这是给你的例子：

HTML

 
 
 
 
 
Item ID
 
 
 
  
 
5
 
 
 
  
 
15
 
 
 
  
 
10
 
 
 
 Add to cart 

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); }); 

DEMO

Answer 3

Bootstrap表有一个函数getSelections

使用javascript函数，您可以获得所有选定的行。 （你的checkobx fiels应绑定到data-field =“state”）

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