Javascript 使用1复选框选择所有复选框使用bs表格

我曾使用bs tables通过复选框传递选定的行，但现在我需要在选中一个复选框时发送所有数据。下面是我用来传递单个行和多个行数据的代码。如何仅通过选中单个复选框来传递所有行的数据

<table id="eventsTable" data-toggle="table" data-pagination="true" data-search="true" data-toolbar="#toolbar">
    <thead>
        <tr>
            <th data-field="state" data-checkbox="true"></th>
            <th data-field="adate" data-align="center">Date</th>
            <th data-field="dc_no">DC. No.</th>
            <th data-field="customer_name" data-align="center">Customer Name</th>
            <th data-field="details" data-align="center">Description</th>
            <th data-field="plate_size" data-align="">Size</th>
            <th data-field="set" data-align="">Set</th>
            <th data-field="color" data-align="">Color</th>
            <th data-field="quantity" data-align="">Quantity</th>
            <th data-field="rate" data-align="">Rate</th>
            <th data-field="amount" data-align="">Total Amount</th>
        </tr>
    </thead>

    <tbody>
        <tr>
        <?php foreach ($bill as $object) { ?>
            <td><!-- <input type="checkbox"> --></td>
        <td width="110px"><?php $date = $object['adate']; $newDate = date('d-m-Y', strtotime($date)); echo $newDate;?></td>
            <td><?php echo $object['id'];?></td>
            <td width="18%"><?php echo $object['customer_name'];?></td>
            <td width="25%"><?php echo $object['details'];?></td>
            <td width="6%"><?php echo $object['plate_size'];?></td>
            <td><?php echo $object['plate_set'];?></td>
        <td><?php echo $object['color'];?></td>
            <td width="6%"><?php echo $object['quantity'];?></td>
            <td><?php echo $object['rate'];?></td>
            <td><?php echo $object['amount'];?></td>
        </tr>
        <?php } ?>  
    </tbody>


</table>
<div class="container text-center">
    <button id="add_cart" class="btn btn-primary btn-lg">Save</button>
    <ul id="output"></ul>
  </div>

<script type="text/javascript">
    var checkedRows = [];

    $('#eventsTable').on('check-all.bs.table', function (e, row) {
            $.checkedRows(checkedRows, function(index, value) {
            row.id.push({dc_no: row.dc_no, name: row.customer_name, adate: row.adate, plate_size: row.plate_size, set: row.set, color:row.color, qty: row.quantity, rate: row.rate, amount: row.amount, details: row.details});
            window.alert(checkedRows);
            // console.log(checkedRows);
        });
      });

    $('#eventsTable').on('check.bs.table', function (e, row) {
      checkedRows.push({dc_no: row.dc_no, name: row.customer_name, adate: row.adate, plate_size: row.plate_size, set: row.set, color:row.color, qty: row.quantity, rate: row.rate, amount: row.amount, details: row.details});
      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);
  });
     var myRedirect = function(redirectUrl, value1, value2, value3, value4, value5, value6, value7, value8, value9, value10) {
      var form = $('<form action="' + redirectUrl + '" method="post">' +
        '<input type="hidden" name="dc_no" value=" ' + value1 +'" />' +
        '<input type="hidden" name="customer_name" value=" ' + value2 +'" />' +
        '<input type="hidden" name="adate" value=" ' + value3 +'" />' +
        '<input type="hidden" name="plate_size" value=" ' + value4 +'" />' +
        '<input type="hidden" name="set" value=" ' + value5 +'" />' +
        '<input type="hidden" name="quantity" value=" ' + value6 +'" />' +
        '<input type="hidden" name="rate" value=" ' + value7 +'" />' +
        '<input type="hidden" name="amount" value=" ' + value8 +'" />' +
        '<input type="hidden" name="details" value=" ' + value9 +'" />' +
        '<input type="hidden" name="color" value=" ' + value10 +'" />' +

        // '<input type="hidden" name="name" value="value.name" />' +
        '</form>');
        $('body').append(form);
        $(form).submit();
      };
    // $("#add_cart").click(function() {
    //     window.alert(JSON.stringify(checkedRows));
    // });

    $("#add_cart").click(function() {
    $("#output").empty();
    var dc = [];
    var custo = [];
    var ada = [];
    var ps = [];
    var set = [];
    var qty = [];
    var rate = [];
    var amnt = [];
    var details = [];
    var color = [];
    $.each(checkedRows, function(index, value) {
      // myRedirect("some", value.dc_no);
      var one = {dc_no: (value.dc_no)};
      var two = {customer_name: (value.name)};
      var three = {adate: (value.adate)};
      var four = {plate_size: (value.plate_size)};
      var five = {set: (value.set)};
      var six = {quantity: (value.qty)};
      var seven = {rate: (value.rate)};
      var eight = {amount: (value.amount)};
      var nine = {details: (value.details)};
      var ten = {color: (value.color)};
      // {dc_no: value.dc_no}
      var some1 = $.map(one, function(el) { return el;})
      dc.push(some1);

      var some2 = $.map(two, function(el) { return el;})
      custo.push(some2);

       var some3 = $.map(three, function(el) { return el;})
      ada.push(some3);

      var some4 = $.map(four, function(el) { return el;})
      ps.push(some4);

       var some5 = $.map(five, function(el) { return el;})
      set.push(some5);

      var some6 = $.map(six, function(el) { return el;})
      qty.push(some6);

       var some7 = $.map(seven, function(el) { return el;})
      rate.push(some7);

      var some8 = $.map(eight, function(el) { return el;})
      amnt.push(some8);

      var some9 = $.map(nine, function(el) { return el;})
      details.push(some9);

      var some10 = $.map(ten, function(el) { return el;})
      color.push(some10);
      // $('#output').append($('<li></li>').text(value.dc_no + " | " + value.name ));
    });

    // dc = $.toJSON(dc);
    var som1 = $.map(dc, function(el) { return el;})
    window.alert(som1);

    var som2 = $.map(custo, function(el) { return el;})
    window.alert(som2);

    var som3 = $.map(ada, function(el) { return el;})
    window.alert(som3);

    var som4 = $.map(ps, function(el) { return el;})
    window.alert(som4);

    var som5 = $.map(set, function(el) { return el;})
    window.alert(som5);

    var som6 = $.map(qty, function(el) { return el;})
    window.alert(som6);

    var som7 = $.map(rate, function(el) { return el;})
    window.alert(som7);

    var som8 = $.map(amnt, function(el) { return el;})
    window.alert(som8);

    var som9 = $.map(details, function(el) { return el;})
    window.alert(som9);

    var som10 = $.map(color, function(el) { return el;})
    window.alert(som10);



    // for (var i = 0; i < 3; i++) {
       //  var some = $.map(dc, function(el) { return el;})
       //  window.alert((some));
       myRedirect("some1",som1, som2, som3, som4, som5, som6, som7, som8, som9, som10);
    // }

    // myRedirect("some", value.dc_no);
  });


    </script>

日期
华盛顿。不
客户名称
描述
大小
设置
颜色
量
比率
总金额
拯救

var checkedRows=[]；
$（'#eventsTable'）。on（'check-all.bs.table'，函数（e，行）{
$.checkedRows（checkedRows，函数（索引，值）{
row.id.push（{dc_no:row.dc_no，name:row.customer_name，adate:row.adate，plate_size:row.plate_size，set:row.set，color:row.color，qty:row.quantity，rate:row.rate，amount:row.amount，details:row.details}）；
窗口。警报（选中箭头）；
//console.log（checkedRows）；
});
});
$（'#eventsTable'）.on（'check.bs.table'，函数（e，行）{
checkedRows.push（{dc_no:row.dc_no，name:row.customer_name，adate:row.adate，plate_size:row.plate_size，set:row.set，color:row.color，qty:row.quantity，rate:row.rate，amount:row.amount，details:row.details}）；
console.log（checkedRows）；
});
$（'#eventsTable'）.on（'uncheck.bs.table'，函数（e，行）{
$.each（选中行、函数（索引、值）{
if（value.id==row.id）{
检查箭头拼接（索引1）；
}
});
console.log（checkedRows）；
});
var myRedirect=函数（重定向URL、值1、值2、值3、值4、值5、值6、值7、值8、值9、值10）{
变量形式=$（''）+
'' +
'' +
'' +
'' +
'' +
'' +
'' +
'' +
'' +
'' +
// '' +
'');
$（'body'）。追加（表格）；
$（表单）.submit（）；
};
//$（“#添加购物车”）。单击（函数（）{
//alert（JSON.stringify（checkedRows））；
// });
$（“#添加购物车”）。单击（函数（）{
$（“#输出”）.empty（）；
var dc=[]；
var custo=[]；
var ada=[]；
var ps=[]；
var集=[]；
变量数量=[]；
var率=[]；
var amnt=[]；
var详细信息=[]；
var color=[]；
$.each（选中行、函数（索引、值）{
//myRedirect（“some”，value.dc\u no）；
var one={dc_no:（value.dc_no）}；
var two={customer_name:（value.name）}；
var-three={adate:（value.adate）}；
var-four={plate\u size:（value.plate\u size）}；
var-five={set:（value.set）}；
VARsix={quantity:（value.qty）}；
var seven={rate:（value.rate）}；
var-eight={amount:（value.amount）}；
var nine={details:（value.details）}；
var-ten={color:（value.color）}；
//{dc\u no:value.dc\u no}
var some1=$.map（一，函数（el）{return el；}）
dc.push（some1）；
var some2=$.map（二，函数（el）{return el；}）
客户推送（约2）；
var some3=$.map（三，函数（el）{return el；}）
推（some3）；
var some4=$.map（四，函数（el）{return el；}）
ps.push（some4）；
var some5=$.map（五，函数（el）{return el；}）
推（大约5）；
var some6=$.map（六，函数（el）{return el；}）
推送数量（约6）；
var some7=$.map（七，函数（el）{return el；}）
推（约7）；
var some8=$.map（八，函数（el）{return el；}）
amnt.push（约8）；
var some9=$.map（九，函数（el）{return el；}）
推（some9）；
var some10=$.map（十，函数（el）{return el；}）
颜色。推（大约10）；
//$（“#输出”）.append（$（“
”）.text（value.dc_no+“|”+value.name））；
});
//dc=$.toJSON（dc）；
var som1=$.map（dc，函数（el）{return el；}）
窗口警报（som1）；
var som2=$.map（custo，函数（el）{return el；}）
窗口警报（som2）；
var som3=$.map（ada，函数（el）{return el；}）
窗口警报（som3）；
var som4=$.map（ps，函数（el）{return el；}）
窗口警报（som4）；
var som5=$.map（集合，函数（el）{return el；}）
窗口警报（som5）；
var som6=$.map（数量，函数（el）{return el；}）
窗口警报（som6）；
var som7=$.map（速率，函数（el）{return el；}）
窗口警报（som7）；
var som8=$.map（amnt，函数（el）{return el；}）
窗口警报（som8）；
var som9=$.map（详细信息，函数（el）{return el；}）
窗口警报（som9）；
var som10=$.map（颜色，函数（el）{return el；}）
窗口警报（som10）；
//对于（变量i=0；i<3；i++）{
//var some=$.map（dc，函数（el）{return el；}）
//警惕（（一些））；
myRedirect（“some1”、som1、som2、som3、som4、som5、som6、som7、som8、som9、som10）；
// }
//myRedirect（“some”，value.dc\u no）；
});

您需要在BS表API中找到select all事件。 例如：

$('#eventsTable').on('all.bs.table', function (e, name, args) {
    console.log('Event:', name, ', data:', args);
})

完整示例可在此处找到：

---

关于这方面的更多信息，您需要参考BS表的API文档。

到目前为止您尝试了什么？请发布您的JavaScript代码。JavaScript代码已经存在于表标记下方。类似问题yes@manny。这是一个类似的问题，但我使用了bs表来选择和传递数据。因此，我试图找出如何做到这一点与bs表只。