JSFiddle - React, Tailwind, and code Playground

by Ankit Patidar

HTML

<html>
    
    <head>
        <script type="text/javascript" src="http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/custom-form-elements.js"></script>
        <style>
            .checkbox, .radio {
                width: 19px;
                height: 20px;
                padding: 0 5px 0 0;
                background: url('https://cdn0.iconfinder.com/data/icons/thin-gui-elements/57/thin-256_checkbox_checked_yes_success-128.png') no-repeat;
                display: block;
                clear: left;
                float: left;
            }
        </style>
    </head>
    
    <body>
        <input id="" type="checkbox" class="styled" />
        <label for="">One</label>
        <br />
        <input id="2" type="checkbox" class="styled" />
        <label for="2">Two</label>
        <br />
    </body>

</html>

JavaScript

$('input[type="checkbox"]').bind('click', function () {
    //alert("OK");
})