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

来源:互联网 发布:提高网络安全意识 编辑:程序博客网 时间:2024/05/16 05:50

全选全不选方法

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();//阻止冒泡。