Как установить статус переключателя с помощью JavaScript

Question

Какой метод лучше всего использовать для выборочной установки одной или нескольких переключателей на желаемую настройку с помощью JavaScript?

Answer 1

Очень просто

radiobtn = document.getElementById("theid");
radiobtn.checked = true;

Answer 2

форма

<form name="teenageMutant">
  <input value="aa" type="radio" name="ninjaTurtles"/>
  <input value="bb" type="radio" name="ninjaTurtles"/>
  <input value="cc" type="radio" name="ninjaTurtles" checked/>
</form>

value = "cc" будет проверено по умолчанию, если вы уберете флажок "флажок", ни один из полей не будет отмечен при первой загрузке формы.

document.teenageMutant.ninjaTurtles[0].checked=true;

теперь значение = "аа" проверено. Другие флажки радио не установлены.

увидеть это в действии: http://jsfiddle.net/yaArr/

Вы можете сделать то же самое, используя идентификатор формы и идентификатор переключателя. Вот форма с идентификаторами.

<form id="lizardPeople" name="teenageMutant">
  <input id="dinosaurs" value="aa" type="radio" name="ninjaTurtles"/>
  <input id="elephant" value="bb" type="radio" name="ninjaTurtles"/>
  <input id="dodoBird" value="cc" type="radio" name="ninjaTurtles" checked/>
</form>

value = "cc" отмечен по умолчанию.

document.forms["lizardPeople"]["dinosaurs"].checked=true;

теперь значение = "aa" с id = "динозаврами" проверено, как и раньше.

Смотрите это в действии: http://jsfiddle.net/jPfXS/

Answer 3

Ванильный Javascript:

yourRadioButton.checked = true;

JQuery:

$('input[name=foo]').prop('checked', true);

или

$("input:checkbox").val() == "true"

Answer 4

Вы также можете явно установить значение переключателя:

<form name="gendersForm">
  <input type="radio" name="gender" value="M" /> Man
  <input type="radio" name="gender" value="F" /> Woman
</form>

с помощью следующего сценария:

document.gendersForm.gender.value="F";

и соответствующий переключатель будет проверен автоматически.

Посмотрите на пример на JSFiddle .

Answer 5

$ ("# id_of_radiobutton"). Prop ("флажок", true);

Answer 6

/**
 * setCheckedValueOfRadioButtonGroup
 * @param {html input type=radio} vRadioObj 
 * @param {the radiobutton with this value will be checked} vValue 
 */
function setCheckedValueOfRadioButtonGroup(vRadioObj, vValue) {
    var radios = document.getElementsByName(vRadioObj.name);
    for (var j = 0; j < radios.length; j++) {
        if (radios[j].value == vValue) {
            radios[j].checked = true;
            break;
        }
    }
}

Answer 7

Я настраиваю переключатель в пределах фрагмента документа и попытался использовать radiobtn.checked = true;.

Это не сработало, поэтому я выбрал следующее решение:

radiobtn.setAttribute("checked", "checked");