Как отследить какие два checkbox true из 3 checkbox?

Для отслеживания того, какие два чекбокса выбраны из трех, вам необходимо использовать JavaScript и обработчики событий. Давайте рассмотрим пример:

Сначала нам понадобится HTML-разметка со следующим кодом:

<input type="checkbox" id="checkbox1">
<label for="checkbox1">Чекбокс 1</label>

<input type="checkbox" id="checkbox2">
<label for="checkbox2">Чекбокс 2</label>

<input type="checkbox" id="checkbox3">
<label for="checkbox3">Чекбокс 3</label>

Теперь добавим обработчик событий на каждый чекбокс:

const checkboxes = document.querySelectorAll('input[type="checkbox"]');

checkboxes.forEach(checkbox => {
  checkbox.addEventListener('change', () => {
    const checkedCheckboxes = document.querySelectorAll('input:checked');
    
    if (checkedCheckboxes.length === 2) {
      console.log('Выбраны два чекбокса:');
      checkedCheckboxes.forEach(checkedCheckbox => {
        console.log(checkedCheckbox.id);
      });
    }
  });
});

В этом коде мы сначала выбираем все чекбоксы на странице с помощью querySelectorAll(). Затем мы добавляем обработчик событий change на каждый чекбокс.

Когда происходит изменение состояния чекбокса, мы используем querySelectorAll() с селектором input:checked, чтобы найти все выбранные чекбоксы. Затем мы проверяем, является ли их количество равным 2.

Если количество выбранных чекбоксов равно 2, мы выводим сообщение в консоль "Выбраны два чекбокса:" и затем перебираем выбранные чекбоксы, чтобы вывести их id.

Вы можете изменить последний блок кода, чтобы выполнить другие действия для выбранных чекбоксов, например, изменить их стили или отправить данные на сервер. Это зависит от вашего конкретного случая использования.