Bug Tracker

Opened 10 years ago

Closed 10 years ago

#10143 closed bug (invalid)

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

Reported by: [email protected]… 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>

Change History (2)

comment:2 Changed 10 years ago by timmywil

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."

Note: See TracTickets for help on using tickets.