il modo più semplice è in puro CSS...:

codice:
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento HTML</title>
<style type="text/css">
	input[type="radio"] {
		display: none;
	}

	input[type="radio"] + label:before {
		content: url("unchecked.png");
		margin-right: 12px;
	}

	input[type="radio"]:checked + label:before {
		content: url("checked.png");
	}
</style>
</head>
 
<body>

<form name="tuoForm">

	


		<input type="radio" name="tuoCampo" value="uno" id="radio-uno"><label for="radio-uno">uno</label>

		<input type="radio" name="tuoCampo" value="due" id="radio-due"><label for="radio-due">due</label>

		<input type="radio" name="tuoCampo" value="tre" id="radio-tre"><label for="radio-tre">tre</label>

		<input type="radio" name="tuoCampo" value="quattro" id="radio-quattro"><label for="radio-quattro">quattro</label>
	</p>

</form>

</body>
</html>
Sostituisci checked.png e unchecked.png con le tue immagini.