JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" value='tedt'/>

CSS

.row {
  border:2px solid #333;  
}

.imgradio {
background: url('http://cdn3.iconfinder.com/data/icons/virtual-notebook/16/button_shape_oval-20.png') no-repeat center center;
min-width: 32px;
cursor: pointer;
height: 22px;
}
.imgradio.selected {
background:url('https://cdn2.iconfinder.com/data/icons/playstation-controller-buttons-3/64/playstation-flat-icon-circle-20.png') no-repeat center center;
cursor:pointer;
min-width: 32px;
height: 22px;
}

JavaScript

$("input:checkbox").change(function() {
                    var ischecked= $(this).is(':checked');
                    if(!ischecked)
                      alert('uncheckd ' + $(this).val());
                });