custom radial button

custom-radial-button.html

 
<div>
  <label class=”label_radio”>
    <input type=”radio” name=”radioList1” value=”1”> Option 1
  </label>
  <label class=”label_radio”>
    <input type=”radio” name=” radioList1” value=”2”> Option 2
  </label>
</div>
 
 
 
var customRadio = {
    click: function (label) {
        var _this = $(label);
        _this.parent().find(".label_radio").each(function () {
            $(this).removeClass("c_on");
        });
        _this.addClass("c_on");
    },
    init: function () {
        $(".label_radio").each(function () {
            var _this = $(this);
            _this.click(function () {
                customRadio.click(this);
            });
            if (_this.find("input").get(0).checked) {
                _this.addClass("c_on");
            }
        });
    }
}
$(document).ready(function () {
    customRadio.init();
});