Question

我已经在stackoverflow中对此进行了很多研究，但没有一个解决方案对我有用..

<div class="ibox-content">

                        <div class="table-responsive">
                            <table class="table table-striped table-bordered table-hover dataTables-example tdiv" id="resultTable" >  
                                 <thead>
                                    <tr>
                                        <th></th>    
                                        <th>Company Name</th>
                                        <th>Niche</th>
                                        <th>Date Added</th> 
                                    </tr>
                                </thead>
                                <tbody>

                                    @foreach($companies as $company)
                                    <tr class="clickable-row" id="{{$company->id}}">
                                        <td align="center"><input type="checkbox" class="i-checks" name="input[]"></td>
                                        <td>{{ $company->name }}</td>
                                        <td>{{ $company->niche }}</td>
                                        <td>{!! date('M j, Y', strtotime($company->created_at)) !!}</td>     
                                    </tr>
                                    @endforeach


                                </tbody>

        </table>
    </div>

我的Javascript是：

<script type="text/javascript">
   $("#resultTable").click(function(){
  var closestTr = $(':checkbox:checked').closest('tr').attr('id');
  alert(closestTr);
  });
</script>

这是因为我使用的是ibox还是其他什么东西？我不知道发生了什么，请帮助。

Answer 1

答案结果很简单......

我需要做的就是将Javascript更改为复选框的类......

像这样：

$(document).ready(function() {
   $('.i-checks').click(function(event) {
   var companyId = this.id;
   console.log(companyId);
   alert(companyId);
   });
});

单击复选框后立即在动态表格的警告框中显示行ID

1 个答案: