Получить или отметить пункт select, checkbox или radio

Получить или отметить <select>

Для тега <select> есть свойство selectedIndex, которая возвращает индекс активного пункта (порядок начинается с нуля).

var select = document.getElementById("select");

select.options[select.selectedIndex].text;  // текст активного пункта
select.options[select.selectedIndex].value; // значение активного пункта

Пример на JSFiddle

Сделать активным нужный пункт <select> можно также через свойство selectedIndex.

var select = document.getElementById("select");

// делает активным третий пункт <select>
select.selectedIndex = 2;

Пример на JSFiddle

Получить или отметить checkbox

Выбрать активные чекбоксы можно через фильтр :checked.

document.querySelectorAll("input[type='checkbox']:checked");

Пример на JSFiddle

Чтобы отметить нужный чекбокс, надо для его свойства checked указать true.

document.querySelector("input[type='checkbox'][value='ecmascript']").checked = true;

Пример на JSFiddle

Получить или отметить radio

Выбрать активный пункт переключателя можно через фильтр :checked.

document.querySelector("input[type='radio']:checked");

Пример на JSFiddle

Метод querySelectorAll() возвращает все указанные объекты. Т.к. у переключателя может быть только один отмеченный пункт, то в коде выше используется querySelector(), который возращает только один объект.

Чтобы отметить нужный пункт переключателя, надо для его свойства checked указать true.

document.querySelector("input[type='radio'][value='ecmascript']").checked = true;

Пример на JSFiddle