Question

66

Why isn't my checkbox change event triggered?

rated 0 times [ 70] [ 4] / answers: 1 / hits: 38995 / 14 Years ago, wed, february 2, 2011, 12:00:00

I have two functions.

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

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>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

brodyfrancisi

Add To Favorites

Follow

Total Points: 1

Total Questions: 102

Total Answers: 89

Location: Marshall Islands

Member since Mon, May 31, 2021

3 Years ago

brodyfrancisi questions

1 How to wait until React in an iframe rendered it's content

Mon, Feb 21, 22, 00:00, 2 Years ago

1 Is it good way to throw error from service in nestjs like it:

Wed, Jan 12, 22, 00:00, 2 Years ago

1 Mongoose TypeScript ObjectId casting - Type 'string' is not assignable to type 'Condition< ObjectId | undefined>'

Fri, Oct 1, 21, 00:00, 3 Years ago

1 event.target.value as a number?

Mon, Apr 5, 21, 00:00, 3 Years ago

1 GSAP ScrollTrigger - Create a Timeline for Every Section

Thu, Nov 5, 20, 00:00, 4 Years ago

View All

answered 14 Years ago dusty · Accepted Answer

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();

    }

});