JS获取复选框选中个数

在报表的使用过程中，有一种需求情况：当使用者勾选了某些复选框之后，需要在指定位置显示已选中的个数。如下图：

在报表制作过程中，因为没有公式可以获取到根据使用者的勾选情况，计算出复选框的选中个数，所以这里需要在复选框中添加“状态改变”的javascript事件，用于自动获取使用者复选框的选中个数，并赋值到指定单元格中。

如下：

1、报表界面设计：

2、javascript事件编辑

代码：

var $span = $(".mr-checkbox-checkon");
var $tds = $("td").has($span);
var length=$tds.length;
contentPane.setCellValue(2,0,length);

3、效果图：

如上，在报表制作时，通过设置复选框控件“状态改变”的javascript事件，实时获取复选框的选中个数，并写在报表中某个位置，即可实现报表使用者实时看到自己的已选中个数。