为什么jQuery数据表中的复选框不起作用？答案

【问题标题】：Why checkbox inside jquery datatable is not working?为什么jQuery数据表中的复选框不起作用？
【发布时间】：2019-10-23 08:50:53
【问题描述】：

我已经在 jquery 中完成了服务器端处理。有一个复选框。当复选框被选中时，应该会弹出一些按钮。

在刀片文件中它可以工作。就像在刀片文件中一样

<input type="checkbox" class="cv">

但在 jquery 数据表中它不起作用。

Jquery Code
var $dlt = $('#delete').hide();

$delete = $('.cv').on("click",function(){
  $dlt.toggle($delete.is(":checked"));
});

Jquery datatable code
 $nestedData['options'] = "<input type='checkbox' data-id='{{$result->id}}' class='cv'>";

它不起作用。 cv 类不会从数据表复选框在 jquery 中触发。但是当我从刀片文件中执行它时，它可以工作。

【问题讨论】：

【解决方案1】：

您必须在加载数据表之前加载点击脚本。使用动态创建的元素单击事件处理程序处理数据表下的输入框

$delete = $(document).on("click",".cv",function(){
  $dlt.toggle($delete.is(":checked"));
});

【讨论】：