Bug Tracker

#10143 closed bug (invalid)

Opened August 26, 2011 10:28AM UTC

Closed August 26, 2011 01:39PM UTC

Checkboxes can't be checked with .toggle(function, function)

Reported by: info@whywouldwe.com Owned by:
Priority: low Milestone: None
Component: event Version: 1.6.2
Keywords: Cc:
Blocked by: Blocking:
Description

When I click the checkbox on this page with my mouse the callbacks are fired but the checkbox isn't checked, I assume that preventDefault is being called somewhere but shouldn't be. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
</head>
<body>
    <form>
        <input type="checkbox" id="foo" value="bar" name="baz" />
    </form>
    <script type="text/javascript">
    $(document).ready(function() {
        $('#foo').toggle(
            function() {
                console.log('toggled 1');
            },
            function() {
                console.log('toggled 2');
            }
        );
    });
    </script>
</body>
</html>
Attachments (0)
Change History (2)

Changed August 26, 2011 10:32AM UTC by info@whywouldwe.com comment:1

This shows the problem http://jsfiddle.net/bWQMD/14/

Changed August 26, 2011 01:39PM UTC by timmywil comment:2

component: unfiled → event
priority: undecided → low
resolution: → invalid
status: new → closed

This is the intended behavior. From the docs:

"The implementation also calls .preventDefault() on the event, so links will not be followed and buttons will not be clicked if .toggle() has been called on the element."