如何显示datatable jquery中选中的复选框数？

我已经使用jquery创建了一个数据表。它有六列，第一列是checkbox，最后一列是textbox。每当用户选择复选框时，应显示选中复选框的计数。大概是这样的：

下面是我的jQuery代码：

 $('#multiple-account-table').dataTable({
        "data": [
            {"accountNumber":"177723987389","name":"Account 1","alias":"dummy 1","dueDate":"10/19/2016","statementBalance":"34.60"},
            {"accountNumber":"3234344333","name":"Account 2","alias":"dummy 2","dueDate":"10/19/2015","statementBalance":"14.50"},
            {"accountNumber":"34343443443","name":"Account 3","alias":"dummy 3","dueDate":"10/19/2015","statementBalance":"15.50"},
            {"accountNumber":"43433442343","name":"dummy 4","alias":"dummy 4","dueDate":"10/19/2015","statementBalance":"15.50"},
            {"accountNumber":"13202553705","name":"dummy 5","alias":"dummy 5","dueDate":"09/19/2016","statementBalance":"100.50"}, 
            {"accountNumber":"13202553706","name":"dummy 6","alias":"dummy 6","dueDate":"12/19/2017","statementBalance":"18.50"},
            {"accountNumber":"13202553707","name":"dummy 7","alias":"dummy 7","dueDate":"01/01/2015","statementBalance":"105.50"},
            {"accountNumber":"13202553708","name":"dummy 8","alias":"dummy 8","dueDate":"10/19/2015","statementBalance":"15.50"},
            ],
        "dom": 'it',
        "pageLength": 8,
        "language": {
            "info": "",
            "emptyTable": "No records are available",
        },
        "columns": [
            {"data": null},
            {"data": "accountNumber"},
            {"data": "name"},
            {"data": "alias"},
            {"data": "dueDate"},
            {"data": "statementBalance"},
            {"data": null}

        ],
        "columnDefs": [
            {className: "pad-md-left-p-10 pad-top-bottom-p-10 white-active-bg mouse-link", "targets": [0,1,2,3,4,5,6]},
            {
                 'targets':   0,
                 'orderable': false,
                 'render': function(data, type, full, meta) {
                         return '<input type="checkbox" id="select-checkbox" name="payment-checkbox" class="multi-checkbox"/><label for="select-checkbox"></label>';
                 }
            },
            {
                'targets': 1,
                'render': function(data, type, full, meta) {
                        return  '<span id="pdf" class="stmt-identifier">'+data+'</span>';
                    }
             },
            {
                'targets': 4,
                "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                $(nTd).text(date);
              }
             },
            {
                'targets': 5,
                'orderable': false,
                "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                    $(nTd).html('$'+sData);
                }
             },
             {
                'targets': 6,
                "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                    $(nTd).html('<span class="dollar-font-xs">$<input type="number" id="payement-textbox" class="payment" value="" name="payment-textbox" placeholder="--"/></span>');

                }
             }
            ],
        "aaSorting": [[4, 'asc'], [5,'desc'],  [1,'asc'] ],
        "footerCallback": function ( row, data, start, end, display ) {
            var api = this.api(), data;

            // Remove the formatting to get integer data for summation
            var intVal = function ( i ) {
                return typeof i === 'string' ?
                    i.replace(/[\$,]/g, '')*1 :
                    typeof i === 'number' ?
                        i : 0;
            };
            // Total over all pages
            total = api
                .column( 5 )
                .data()
                .reduce( function (a, b) {
                    return intVal(a) + intVal(b);
                }, 0 );

            // Update footer
           $( api.column( 5 ).footer() ).html('<p class="total"><span>Total $' + total +'</span></p>');
        }

    }); //End of datatable function 

$（'#多账户表'）。数据表({
“数据”：[
{“accountNumber”：“177723987389”，“name”：“Account 1”，“alias”：“dummy 1”，“dueDate”：“10/19/2016”，“statementBalance”：“34.60”}，
{“accountNumber”：“3234344333”，“name”：“Account 2”，“alias”：“dummy 2”，“dueDate”：“10/19/2015”，“statementBalance”：“14.50”}，
{“账户编号”：“3443443”，“姓名”：“账户3”，“别名”：“虚拟3”，“到期日”：“2015年10月19日”，“报表余额”：“15.50”}，
{“账号”：“43433442343”，“姓名”：“虚拟4”，“别名”：“虚拟4”，“截止日期”：“2015年10月19日”，“报表余额”：“15.50”}，
{“accountNumber”：“13202553705”，“name”：“dummy 5”，“alias”：“dummy 5”，“dueDate”：“09/19/2016”，“statementBalance”：“100.50”}，
{“accountNumber”：“13202553706”，“name”：“dummy 6”，“alias”：“dummy 6”，“dueDate”：“12/19/2017”，“statementBalance”：“18.50”}，
{“accountNumber”：“13202553707”，“name”：“dummy 7”，“alias”：“dummy 7”，“dueDate”：“01/01/2015”，“statementBalance”：“105.50”}，
{“accountNumber”：“13202553708”，“name”：“dummy 8”，“alias”：“dummy 8”，“dueDate”：“10/19/2015”，“statementBalance”：“15.50”}，
],
“dom”：“it”，
“页面长度”：8，
“语言”：{
“信息”：“，
“emptyTable”：“没有可用记录”，
},
“栏目”：[
{“数据”：null}，
{“数据”：“帐号”}，
{“数据”：“名称”}，
{“数据”：“别名”}，
{“data”：“dueDate”}，
{“数据”：“语句平衡”}，
{“数据”：null}
],
“columnDefs”：[
{className:“pad-md-left-p-10 pad-top-bottom-p-10白色活动bg鼠标链接”，“目标”：[0,1,2,3,4,5,6]}，
{
“目标”：0，
“orderable”：false，
“呈现”：函数（数据、类型、完整、元）{
返回“”；
}
},
{
"目标":1,，
“呈现”：函数（数据、类型、完整、元）{
返回“”+数据+“”；
}
},
{
"目标":四,，
“fnCreatedCell”：功能（nTd、sData、oData、iRow、iCol）{
元（新台币）。文字（日期）；
}
},
{
"目标":五,，
“orderable”：false，
“fnCreatedCell”：功能（nTd、sData、oData、iRow、iCol）{
$（nTd）.html（“$”+sData）；
}
},
{
"目标":6,，
“fnCreatedCell”：功能（nTd、sData、oData、iRow、iCol）{
$（nTd.html（“$”）；
}
}
],
“自动排序”：[[4，'asc']，[5，'desc']，[1，'asc']，
“footerCallback”：函数（行、数据、开始、结束、显示）{
var api=this.api（），数据；
//删除格式以获取求和的整数数据
var intVal=函数（i）{
返回类型i==='string'？
i、 替换（/[\$，]/g，）*1：
i的类型=='编号'？
i:0；
};
//总页数
总计=空气污染指数
.第（5）栏
.data（）
.减少（功能a、b）{
返回intVal（a）+intVal（b）；
}, 0 );
//更新页脚
$（api.column（5.footer（））.html（“
total$”+total+”
）；
}
}); //数据表函数结束

---

您能建议我如何显示用户选择的复选框数吗？

每次使用复选框时都要执行复选框计数：

var countChecked=函数（$table，checkboxClass）{
若有（$表）{
//查找具有给定类的所有元素
var chkAll=$table.find（checkboxClass）；
//计数复选框
var checked=chkAll.filter（'：checked'）.length；
//总数
var total=chkAll.长度；
//返回一个包含合计值和选中值的对象
返回{
总计：总计，
勾选：勾选
}
}
}
$（document）.on（'change'，'.chk'，function（）{
var result=countChecked（$（'#myTable'），'.chk'）；
$（'#checked'）.html（result.checked）；
$（'#total'）.html（result.total）；
});

选中：/Total：
正文
正文
正文
正文
正文
正文
正文
正文
正文
每次使用复选框时都要执行复选框计数：


var countChecked=函数（$table，checkboxClass）{
若有（$表）{
//查找具有给定类的所有元素
var chkAll=$table.find（checkboxClass）；
//计数复选框
var checked=chkAll.filter（'：checked'）.length；
//总数
var total=chkAll.长度；
//返回一个包含合计值和选中值的对象
返回{
总计：总计，
勾选：勾选
}
}
}
$（document）.on（'change'，'.chk'，function（）{
var result=countChecked（$（'#myTable'），'.chk'）；
$（'#checked'）.html（result.checked）；
$（'#total'）.html（result.total）；
});

选中：/Total：
正文
正文
正文
正文
正文
正文
正文
正文
正文
试试
$（':checkbox:checked'）。长度
但如何在我的HTML页面上显示？请参见imagetry
$（'：复选框：checked'）。长度
，但如何在我的HTML页面上显示它？看到图片了吗