jQuery绑定的on事件执行两次或多次（表格的行选中事件执行两次选中后又取消）

1.首先这种情况一般都是发生在你绑定动态元素时，即你绑定的元素是由脚本动态生成的

2.我用的是dataTable表格插件，然后自己加了一列复选框，想要实现点击选中行同时选中复选框的效果，取消选中行则取消选中复选框，如下图所示

前台代码如下：

思路是绑定行点击事件，点击行时切换行的选中状态，然后判断复选框的选中状态即可checkChild是自定义的复选框的类

出现的问题是点击复选框无法选中行，经过前台打断点调试发现其实已经选中过了，只是代码执行了两遍又被取消了

如下 

 原因是我的行时juery动态生成的，复选框也是动态生成的，在执行on绑定方法时会发生js的冒泡事件，只有阻止了冒泡事件的发生代码就会执行一次了

阻止冒泡事件的方法

1.直接在函数末尾return false;

2.event.stopPropagation();

3.event.preventDefault();

我的代码修改后如下，就可以正常运行了