Run »
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Using click event to Check/Uncheck checkbox</title> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> </head> <body> <div> <label for="checkbox"> <input type="checkbox" name="money" id="checkbox"> Option </label> </div> <button id="chk-btn">Check</button> <button id="cancel-btn">Uncheck</button> <script> $(function (){ $("#chk-btn").click(function (){ toogle(true); }); $("#cancel-btn").click(function (){ toogle(false); }); function toogle(checked){ var value = $("#checkbox").prop("checked"); if (checked != value) { $("#checkbox").click(); } } }); </script> </body> </html>