标题和列中的复选框的Jquery datatable：select all复选框不起作用 [英] Jquery datatable with checkbox in header and in row:select all checkbox not working

问题描述

我正在使用 Jquery Datatable 。我想要一个第一列的标题和行与一个复选框，应该切换标题的选择复选框与剩余行的复选框。我有以下的实现。

I am using Jquery Datatable. I want to have a first column with header and rows with a checkbox and should toggle the selection of header checkbox with remaining row's checkboxes. I have below implementation.

可数据属性

  "aoColumns": [{ "sTitle": "<input type='checkbox' id='selectall' onclick='toggleChecks(this);' ></input>", "mDataProp": null, "sWidth": "20px", "sDefaultContent": "<input type='checkbox' ></input>", "bSortable": false },null,null,null,null,null,null]

可数据行

<td><input type="checkbox' class="case"></input></td>

Javascript函数

Javascript function

  function toggleChecks(obj)
    {
        $('.case').prop('checked', obj.checked);
    }

当我在单页面上工作正常，但是当我进行分页时，复选框仍然不会被其他页面选中，如何实现这一点，所有复选框的行为一致。请帮助。

This is worked fine when i am on single page. But when I do the paging then checkboxes remain unchecked for other page. How to achieve this for behaving consistently for all checkboxes. Please assist.

推荐答案

我已经做了类似的事情，

I have done something like,

$('#selectall').change(function() {
                        var isSelected = $(this).is(':checked');
                        if(isSelected){
                            $('.case').prop('checked', true);   
                        }else{
                            $('.case').prop('checked', false);
                        }
                    });

在文件准备就绪。

这篇关于标题和列中的复选框的Jquery datatable：select all复选框不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！