//checkbox, radio design
labelDesign = {
    'init' : function(){
        this.action();
    },
    'action' : function(){
        var ele = {
            'inp' : 'label.chk :checkbox, label.chk :radio'
        }
        var is_checked = function($this){
            var chked = $this.is(':checked');
            var this_type = $this.attr('type');

            if(chked){
                if(this_type=='radio'){
                    $this.parents('label').addClass('on').siblings($this.parent()).removeClass('on');
                }else{
                    $this.parents('label').addClass('on');
                }
            }else{
                $this.parents('label').removeClass('on');
            }
        }
        $(document).on('click change', ele.inp, function() {
            is_checked($(this));
        });
        $(window).on({
            'load' : function(){
                $(ele.inp).each(function(){
                    is_checked($(this));
                })
            }
        });
    }
}
 

<label class="chk"><input type="checkbox" /></label>