Нажатие на Button

[Webtest]

Есть код, который зменяет цвет фона или бэкграунд картинку при выборе в input: radio, как переделать код, чтобы это же менялось, но при нажатии на Button?

$(document).ready(function(){  
	  
	$('#change_bg').click(function(){  
		$('body').attr('style', 'background: no-repeat ' + $( "input:radio[name=color]:checked" ).val() + ' url(/uploads/backgrounds/' + $( "input:radio[name=bg]:checked" ).val() + ') top center;');
		
		return false;  
	});  
	$('#hide').click(function(){  
		$('siteURL').hide('slow');
		
		return false;  
	});  
	

});

[sergeo_89]

$(document).ready(function(){  
	  
	$('#Button').click(function(){  
		$('body').attr('style', 'background: no-repeat ' + $( "input:radio[name=color]:checked" ).val() + ' url(/uploads/backgrounds/' + $( "input:radio[name=bg]:checked" ).val() + ') top center;');
		
		return false;  
	});  
	$('#hide').click(function(){  
		$('siteURL').hide('slow');
		
		return false;  
	});  
	

});

ну так поменяйте селектор

[Webtest]

Пробовал, но тут закодировано на инпут-радио:

$('body').attr('style', 'background: no-repeat ' + $( "input:radio[name=color]:checked" ).val() + ' url(/uploads/backgrounds/' + $( "input:radio[name=bg]:checked" ).val() + ') top center;');

Я пробовал делать вот так, но не работало:

$('body').attr('style', 'background: no-repeat ' + $( "button[name=color]:click" ).val() + ' url(/uploads/backgrounds/' + $( "button[name=bg]:click" ).val() + ') top center;');

[sergeo_89]

сделайте лучше проще, используйте класс CSS и добавляйте его при клике, после чего удаляйте, примерно:

.backgroundReset{
    background: url('../uploads/backgrounds/img.png') no-repeat top center;
}

$(document).ready(function(){  

    $('#button').click(function(){
        $('body').addClass('backgroundReset');
    });
    //-- Ваш код --//
    $('#button').click(function(){
        $('body').removeClass('backgroundReset');
    });

});