数据表,点击分页不起作用

时间:2019-06-12 20:03:01

标签: javascript jquery datatables

此代码位于页面底部:

$('.checkbox-class:checkbox').on('click', function () {
    alert($(this).val());
});

我有一个带有td的数据表,并带有以下输入:

<input class="checkbox-class" type="checkbox" name="compartir[]" value="{{$row->id}}">

我可以在第一页的复选框的每次单击上看到警报,但是当我移至第二页时,脚本不会监听此单击。但是,如果我重新加载页面,然后先移至第二页,那么我会进行第一次单击,javascript可以很好地捕获它们,但是,如果移至第一页,则javascript不会监听它们(在第一页上,页面)

我不明白这是怎么回事。

编辑:关于它的小提琴:

https://codepen.io/anon/pen/EBjNPW

1 个答案:

答案 0 :(得分:1)

您可以通过将事件附加到表本身并仅针对特定的类类型使用事件来进行委派,我认为您正在使用JQuery,就像您在上面的示例中一样,因此这应该满足您的需求,请注意.on的第二个参数是表中复选框项的className的方式,这将在每次单击父表中具有该className的复选框时触发:

$('#yourTable').on('click', '.checkbox-class:checkbox', function(){
    alert($(this).val());
});