Какой метод лучше всего использовать, чтобы выборочно установить одну или несколько переключателей (переключателей) в нужную настройку с помощью JavaScript?
Как установить статус переключателя с помощью JavaScript
Ответ 1
Очень просто
radiobtn = document.getElementById("theid");
radiobtn.checked = true;
Ответ 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" будет проверяться по умолчанию, если вы удалите флажок "checked", если флажок не будет загружен.
document.teenageMutant.ninjaTurtles[0].checked=true;
теперь value = "aa". Другие флажки радио не отмечены.
видеть в действии: 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>
Значение = "cc" проверяется по умолчанию.
document.forms["lizardPeople"]["dinosaurs"].checked=true;
теперь value = "aa" с id = "динозавры" проверяется, как и раньше.
Смотрите в действии: http://jsfiddle.net/jPfXS/
Ответ 3
Vanilla Javascript:
yourRadioButton.checked = true;
JQuery
$('input[name=foo]').prop('checked', true);
или
$("input:checkbox").val() == "true"
Ответ 4
Вы также можете явно установить значение переключателя:
<form name="gendersForm">
<input type="radio" name="gender" value="M" /> Man
<input type="radio" name="gender" value="F" /> Woman
</form>
со следующим script:
document.gendersForm.gender.value="F";
и соответствующий переключатель будет автоматически проверен.
Посмотрите пример на JSFiddle.
Ответ 5
Я настраиваю переключатель в фрагменте документа и пытаюсь использовать radiobtn.checked = true;
.
Это не сработало, поэтому я пошел с этим решением:
radiobtn.setAttribute("checked", "checked");
Ответ 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;
}
}
}
Ответ 7
$ ("# id_of_radiobutton"). prop ("checked", true);