Используйте несколько ID в DOM Javascript - PullRequest
Новая
       23

Используйте несколько ID в DOM Javascript

0 голосов
/ 22 апреля 2020

Основная идея состоит в том, чтобы попытаться отключить несколько флажков, используя несколько идентификаторов , например, , используя documentGetElementById

Каждый идентификатор принадлежит флажку 

function main(){
var a = document.getElementById("actual").value;
var b = document.getElementById("destination").value;

if (a == "Jamaica" && b == "Paris"){
document.getElementById("A", "B", "C", "D").disabled = true; // occupied seats
}
}

Ответы [ 2 ]

1 голос
/ 22 апреля 2020

У вас есть три варианта:

1.) Несколько вызовов 

document.getElementById("A").disabled = true;
document.getElementById("B").disabled = true;
// and so on...

2.) L oop поверх идентификаторов 

["A", "B", "C", "D"].forEach(id => document.getElementById(id).disabled = true)

3.) Вы найдете селектор, который соответствует всем им и используете document.querySelectorAll. Идентификаторы должны быть уникальными, поэтому этого будет недостаточно, но, скажем, все флажки на странице необходимо отключить: 

document.querySelectorAll("input[type='checkbox']").forEach(elem => elem.disabled = true);

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

1 голос
/ 22 апреля 2020

getElementById принимает только один параметр, поэтому вы должны сделать: 

let ids = ["A", "B", "C", "D"];
for(let i = 0; i < ids.length; i++)
     document.getElementById(ids[i]).disabled = true; // occupied seat
...