Как более компактно и правильно упаковать процесс нажатия на элемент списка?

Question

[1styearstudent]

Всех гуру, гуресс, гурят и проходящих мимо приветствую!
Есть у меня кусок кривого кода в js, суть его проста: при нажатии на переключатель, его значение заносится в скрытое поле ввода:

$('#list > li input').click(function () {
    if (checkType('radio') == 1) {
        document.getElementById("field").value = "Значение 1"
    }
    if (checkType('radio') == 2) {
        document.getElementById("field").value = "Значение 2"
    }
    if (checkType('radio') == 3) {
        document.getElementById("field").value = "Значение 3"
    }
});

Кусок html:

<ul id="list">
    <li>
        <label>
            <input type="radio" name="radio" value="1">
            <span>Значение 1</span>
        </label>
    </li>
    <li>
        <label>
            <input type="radio" name="radio" value="2">
            <span>Значение 2</span>
        </label>
    </li>
    <li>
        <label>
            <input type="radio" name="radio" value="3">
            <span>Значение 3</span>
        </label>
    </li>
</ul>

<input type="hidden" id="field" value="">

Суть вопроса: как правильнее всего реализовать подобный js-код?

Answer 1

[Виктор Л]

Comments

[1styearstudent]

Спасибо большое!