为什么我的复选框更改事件不会触发？ [英] Why isn't my checkbox change event triggered?

问题描述

我有两个函数。

第一个函数将div点击转换为选中/未选中的切换。
第二个函数将复选框更改转换为隐藏/显示事件。

The first function translates a div click into a checked/unchecked toggle. The second function translates a checkbox change into a hide/show event.

问题是，当我使用第一个函数来检查/第二个函数不被调用。我是javascript的新人，谢谢。

The problem is that when I use the first function to check/uncheck the box, the second function is not called. I am new to javascript, thanks.

<script type="text/javascript">
$(document).ready(function() {
    $(":checkbox").parent().click(function(evt) {
        if (evt.target.type !== 'checkbox') {
            var $checkbox = $(":checkbox", this);
            $checkbox.attr('checked', !$checkbox.attr('checked'));
            evt.stopPropagation();
            return false;
        }
    });
});
</script>

<script type="text/javascript">
$(document).ready(function() {
    $(":checkbox").change(function() {
        if($(this).attr("checked")) {
            $('.'+this.id).show();
        }
        else {
            $('.'+this.id).hide();
        }
    });
});
</script>

推荐答案

更改当您以编程方式更改复选框的值时不会触发。你可以做什么来确保它被激活是：

The change event does not fire when you programmatically change the value of a check box. What you can do to ensure it fires is:

 $(":checkbox").parent().click(function(evt) {
    if (evt.target.type !== 'checkbox') {
        var $checkbox = $(":checkbox", this);
        $checkbox.attr('checked', !$checkbox.attr('checked'));
        $checkbox.change();
    }
});

这篇关于为什么我的复选框更改事件不会触发？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！