Используйте несколько идентификаторов в DOM Javascript

Question

Основная идея - попытаться отключить несколько флажков, используя несколько идентификаторов, например, используя 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
}
}

Answer 1

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

1.) Множественные звонки

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

2.) Перебрать идентификаторы

["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, которые будут устанавливать желаемые флажки, например, имя класса.

Answer 2

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

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