Стилизация input type="radio"...

[DjTarik]

Задача такая: нужно стилизовать input type="radio".

Я мыслю так:

- В определённой форме находим все инпуты;

- Далее среди них находим те, у которых тип - "radio";

- Потом проверяем, кто имеет checked="checked";

- Меняем класс родительскому элементу;

HTML:

<form action="#" enctype="application/x-www-form-urlencoded" method="get" id="#" class="change-form" onclick="ChangeInput(this)">
     	<fieldset>
        <legend>Стилизованный "input type='radio'"</legend>
				<ul>
					<li><span><input type="radio" name="#" value="#" id="switch_6" /></span><label for="switch_6">Переключатель 6</label></li>
					<li><span><input type="radio" name="#" value="#" id="switch_7" /></span><label for="switch_7">Переключатель 7</label></li>
					<li><span><input type="radio" name="#" value="#" id="switch_8" /></span><label for="switch_8">Переключатель 8</label></li>
					<li><span><input type="radio" name="#" value="#" id="switch_9" /></span><label for="switch_9">Переключатель 9</label></li>
					<li><span><input type="radio" name="#" value="#" id="switch_10" /></span><label for="switch_10">Переключатель 10</label></li>
				</ul>
      </fieldset>
    </form>

JS:

<script type="text/javascript">
	// <![CDATA[
	function ChangeInput(obj)
		{
			var el, name, type;
			el = obj.elements;			
			for (i = 0; i<el.length; i++)
				{
					name = el[i].nodeName;
					if (name.toLowerCase() == "input")
						{
							type = el[i].type;
							if (type.toLowerCase() == "radio")
								{
									if (el[i].checked)
										{
											el[i].parentNode.className="on";
										}
									else
										{
											el[i].parentNode.className="off";
										}
								};
						};
				};
		};
	// ]]>
	</script>

Но что-то мне подсказывает, что всё это сделать можно красивее и код должен быть чище.

Отсюда вопросы:

1. Правильно ли я делаю "в теории", или есть лучше способы?

2. Как можно упростить код и сделать его чище?

JS я тока постигаю основы, поэтому сильно не пинайте)

Хочется написать вариант с нуля и понять смысл, так что Фреймворки не интересуют.

Спасибо.

[s0rr0w]

ну я так и хотел делать... а потом передумал, потому что много параметров приходится туда передавать... Да и эти замыкания.

P.S. Но, я так понял, меток в JS нету?

Вот тебе пример для изучения

	 var foo = function () {
		var re = function(){
			return i*i;
		}
	 	for( var i=1; i<4; i++ ){
	 		alert( re() );
	 	}
	 }();