0

我正在使用 metronic 主题数据表,我想获取选定的复选框值。这是来自 metronic 主题的管理数据表。

<table class="table table-striped table-bordered table-hover table-checkable order-column" id="sample_1">
  <thead>
     <tr>
      <th></th>
      <th class="text-center"> User Name</th>
      <th class="text-center">Mobile</th>
      <th class="text-center">Email</th>
     </tr>
 </thead>
      @foreach($requests as $request)
         <tr class="odd gradeX text-center ">
           <td>
             <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
                 <input type="checkbox" class="checkboxes" value="{{$request->id}}" />
                   <span></span>
             </label>
           </td>
           <td>{{$request->name}}</td>
           <td>{{$request->mobile}}</td>
           <td>{{$request->email}}</td>
        </tr>
     @endforeach
4

2 回答 2

1

这解决了我的问题。

   var checkbox_value = [];
    var oTable = $('#sample_1').dataTable();
    var rowcollection =  oTable.$(".call-checkbox:checked", {"page": "all"});
    rowcollection.each(function(index,elem){
        checkbox_value.push($(elem).val());
    });
于 2018-06-05T09:50:26.323 回答
0

由于您的标签中有 jQuery,我假设您可以通过使用 jQuery 来做到这一点?如果是 jQuery:

您可以使用:checked选择器来定位选中的单选按钮。在你的情况下,你有一个班级要上,所以它看起来像:

$(".checkboxes:checked").val();

这将为您提供选中复选框的值。您还可以检查是否选中了某个复选框使用返回布尔值.is(":checked")。这将根据复选框是否被选中返回真/假,然后您可以从中构造一个逻辑。

您还可以使用以下任一方法检查复选框:

$(".checkboxes").attr('checked', true);

或者,

$(".checkboxes").prop('checked');

请注意,我正在使用您的.checkboxes课程,因为这是您在示例中必须针对的内容。请注意,一个类通常是您将重复实例的东西(不是在您的示例中,而是一般而言)。因此,这些示例将针对具有该类的所有实例。如果要定位特定元素,请改用id,即$("#....").

希望这有帮助。:)

于 2018-06-03T09:57:39.603 回答