checkbox全选后刷新成全不选问题和阻止冒泡事件

全选全不选方法

1.问题是：我点击全选的checkbox时，下面的复选框会全部勾选一下然后恢复不勾选的状态，这是因为事件冒泡刷新了方法。

<input type='checkbox'  name='testId' id='testId'>//表头的checkbox
<input type='checkbox'  name='testIds' class='checkbox' value=' + bizId + '>//要被全选的checkbox
<script type="text/javascript">
        //全选全不选
        $j(function () {
            $j("#testId").click(function (evt) {
                if ($j(this).is(":checked")) {
                    $j(".checkbox").each(function () {
                        $j(this).prop("checked", true); //此处设置每行的checkbox选中，必须用prop方法
                    });
                } else {
                    $j(".checkbox").each(function () {
                        $j(this).prop("checked", false); //此处设置每行的checkbox不选中，必须用prop方法
                    });
                }
                evt.stopPropagation();//阻止冒泡，有这行代码就解决了
            });
        });
    </script>

---

阻止冒泡

1.若同时跟div和button定义了click函数，那么点击button时会同时触发buton和div的单击事件,这叫 事件冒泡，这种情况下就需要”阻止冒泡”.
2 evt.stopPropagation();//阻止冒泡。