No JavaScript or Jquery required.
Change your checkbox style simple way.
HTML
<input type="checkbox" id="option"/> <label for="option"> <span></span> Click me </label> CSS
input[type="checkbox"]{ display: none; border: none !important; box-shadow: none !important; } input[type="checkbox"] + label span { background: url(http://imgh.us/uncheck.png); width: 49px; height: 49px; display: inline-block; vertical-align: middle; } input[type="checkbox"]:checked + label span { background: url(http://imgh.us/check_2.png); width: 49px; height: 49px; vertical-align: middle; } Here is JS Fiddle link : https://jsfiddle.net/05y2bge3/