[_alex]

Низнаю может можно как то проще сделать, вобщем сделал это я так:

javascript:

<script type="text/javascript">
						function manradio() {
							var man = document.getElementById('man')
							var woman = document.getElementById('woman')
							man.style.background='url("/img/checkman.png") no-repeat'
							woman.style.background='url("/img/uncheckwoman.png") no-repeat'
						}
						function womanradio() {
							var man = document.getElementById('man')
							var woman = document.getElementById('woman')
							man.style.background='url("/img/uncheckman.png") no-repeat'
							woman.style.background='url("/img/checkwoman.png") no-repeat'
						}
</script>

HTML:

<label for='radioMan' id='man' onclick="manradio()"></label>
<input type="radio" id='radioMan' class='radio' name="sex" value="1" />

<label for='radioWoman' id='woman' onclick="womanradio()"></label>
<input type="radio" id='radioWoman' class='radio' name="sex" value="0" />

CSS:

.radio{
display: none;
}
	#man{
background: url("/img/uncheckman.png");
margin-left: 58px;
width: 50px;
height: 65px;
}
	#woman{
background: url("/img/uncheckwoman.png") no-repeat;
margin-left: 58px;
width: 50px;
height: 65px;
}