how can i set Checkbox on /off slider in javascript or jquery..

how can i set Checkbox on /off slider in javascript or jquery..

        $(document).ready( function(){
        $('.toggle_btn').click(function(){ 
        // on off classes 
          if($(this).hasClass('on')){
             $('.toggle_btn').animate({'backgroundPositionY':'0px 0px'}, 1000, 'linear', function(){ 
         $(this).removeClass('on');
         $(this).addClass('off');
        });
        // on off classes else condition
          }
    else{
             $('.toggle_btn').animate({'backgroundPositionY':'0px 150px'}, 1000,'linear', function(){ 
        $(this).removeClass('off');
        $(this).addClass('on');
        });
          }
        }); 
        });