Custom Checkbox

checkbox.html

<form method="post" action="#">
    <label class="radio">
         <span class="styled"><input id="optionsRadios1" type="radio" checked="" value="option1" name="optionsRadios" checked></span>
        Ja
    </label>
    <label class="radio">
         <span class="styled"><input id="optionsRadios2" type="radio" value="option2" name="optionsRadios"></span>
        Nein
    </label>
    <label class="radio">
         <span class="styled"><input id="optionsRadios3" type="radio" value="option2" name="optionsRadios"></span>
        Vielleicht
    </label>

    <input type="submit" value="Abstimmen »">
</form>

checkbox.js

//$(document).ready(function(){ 
$(window).load(function(){

	if ($('input[type="radio"]').length > 0){

		$(".styled input:checked").parent().addClass("checked");
			
		$(document).on("change", ".styled input", function() {
			var $this = $(this);
			var form = $this.closest("form");
			form.find("input[name='"+$this.attr("name")+"']").parent().removeClass("checked");
			$this.parent().addClass("checked");
		});

	}
});

checkbox.less

label {
    display: block;
    color: @color-font-dark; 
    .font-family-dosis-light(); 
    .fontToEm(18);

    span {
        &.styled {
            background: url(../gfx/img/checkbox-sprite.png) 0 0 no-repeat scroll transparent;
            display: inline-block;
            vertical-align: middle;
            width: 26px;
            height: 26px;
            cursor: pointer;
            margin: 5px 15px 5px 0;
        }
        &.styled.checked {
            background-position: 0 -26px;
        }
        &.styled input {
            position: absolute;
            z-index: -1;
        }
    }
}

input[type="submit"]{
    width: 100%;
    height: 28px;
    border: 0 none;
    background: @color-red;

    line-height: 25px;
    padding: 0 8px 0 14px;
    text-decoration: none;
    .font-family-gudea-regular();
    .fontToEm(13);
    .lineToEm(17, 13);
    color: #FFF;

    &:hover{
        text-decoration: none!important;
        background: #FF8682;

    }


}