Пытаюсь приукрасить radiobutton, чтоб выбранный более чётко отличался визуально. Создал функцию, определяющую выбранный radio. В цикле попытался изменить цвет выбранного и сделать одинаковыми цвет остальных. Подскажите пожалуйста где допущены ошибки
<html>
<head>
<script>
function sel()
{
var inputs = document.getElementsByName("labeled");
for (var i = 0; i < inputs.length; i++)
{
document.getElementsById('i').style.backgroundColo r='red';
if (inputs[i].checked)
{
document.getElementsById('i').style.backgroundColo r='blue';
}
}
}
</script>
</head>
<body>
<form>
<p id="1"><input type="radio" name="labeled" onClick="sel()"/></p>
<p id="2"><input type="radio" name="labeled" onClick="sel()"/></p>
<p id="3"><input type="radio" name="labeled" onClick="sel()"/></p>
</form>
</body>
</html>