Home/ Questions/Q 8928657
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T08:29:38+00:00

If i comment out the jquery.mobile…js file, this works fine, with it included, everytime

  • 0

If i comment out the jquery.mobile…js file, this works fine, with it included, everytime i click the checkbox, the onclick event fires twice. Same is true for onchange event. Any ideas?

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>
<body>
    <script>
        function tester() { alert("I get called twice on click"); }
    </script>
    <input id="abc" name="myCheckbox" onchange="tester()" type="checkbox" value="true" />

    <label for="myCheckbox">Click me</label>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your markup is malformed. The <label> tag points to a non-existent id. It points to “myCheckbox” but the id of your input tag is “abc”. This change fixes your issue and the markup is correctly enhanced.

    <input id="abc" name="myCheckbox" onchange="tester()"
    type="checkbox" value="true" />
<label for="abc">Click me</label>
    • 0