JavaScript
Описание моей проблемы:
У меня есть две группы кнопок, одна группа состоит из 4 разных кнопок, а другая группа также состоит из 4 разных кнопок. Под разным я подразумеваю, что текстовое содержание отличается.
ВКЛЮЧЕНЫ ВСЕ ДВА ГРУППЫ КНОПОК
Если я нажму одну кнопку одной группы, я хочу, чтобы другие кнопки группа будет отключена, поэтому пользователь может выбрать только одну кнопку из другой группы.
ОТКЛЮЧЕННЫЕ КНОПКИ ИЗ ПЕРВОЙ ГРУППЫ, ЕСЛИ ВЫБРАНА ОДНА КНОПКА
И если человек сначала нажал кнопку другой группы, я хочу, чтобы другие кнопки также были отключены из той же группы.
ОТКЛЮЧЕННЫЕ КНОПКИ ИЗ ВТОРОЙ ГРУППЫ, ЕСЛИ ВЫБРАНА ОДНА КНОПКА
И если человек нажал кнопку из первой группы и из второй группы. Чем я хочу, чтобы не выбранные кнопки были включены, чтобы человек мог выбрать еще одну из одной группы.
Важно, чтобы две выбранные кнопки оставались отключенными, когда другая будет включена.
Может кто-нибудь сказать мне, как это сделать?
Я создал динамические кнопки c с двумя событиями нажатия кнопки в течение для l oop.
First button group
button.id = "assign-picture-question-example-" + letter.toLowerCase() + "-btn";
button.className = "example example-" + letter.toLowerCase() + "-btn example-btn btn btn-secondary btn-lg btn-block";
In the click event:
document.getElementById(this.id).setAttribute("disabled", true);
$(".example-btn").not(this).each(function() {
document.getElementById(this.id).setAttribute("disabled", true);
});
Second button group
button2.id = "assign-picture-question-answer-" + (i + 1) + "-btn";
button2.className = "answer answer-btn answer-" + (i + 1) + "-btn btn btn-secondary btn-lg btn-block";
In the click event:
document.getElementById(this.id).setAttribute("disabled", true);
$(".answer-btn").not(this).each(function() {
document.getElementById(this.id).setAttribute("disabled", true);
});
Но теперь я хочу, чтобы кнопки первой левой группы были включены, если нажата кнопка второй правой группы .... и я не знаю, как ... выбранная кнопка должна быть отключена. И наоборот.