Почему не выполняется проверка if/else вовремя?

Question

[Evtera]

Здравствуйте. Есть код, согласно которому, при клике сначала меняется checkbox на true/false, после чего выполняется проверка на длину массива input:checked. В случае, если длина > 0, то вешается класс. Однако, проверка выполняется только на второй клик. В чем проблема и как можно исправить?

const toggleCheckbox = () => {
  document.addEventListener("click", () => {
    let $input = event.target.querySelector("input");
    let $inputCheked = event.target.offsetParent.querySelectorAll("input:checked");
    let $title = event.target.offsetParent.previousElementSibling;

    if (event.target.classList.contains("selectCheckboxes__line")) {
      if ($input.hasAttribute("disabled")) return false;
      $input.checked ? ($input.checked = false) : ($input.checked = true);

      $inputCheked.length ? $title.classList.add("chose") : $title.classList.remove("chose");
    }
  });
};

toggleCheckbox();

Comments

[Israfil22]

Весь *необходимый* код сможете закинуть в сэндбокс какой-нибудь?

[WbICHA]

Хех, кажется кое кто вчера узнал о тернарниках и теперь пихает их к месту и не к месту.)

[Evtera]

Israfil22, готово

[Israfil22]

Так подождите...
Вот здесь переменная event должна откуда-то браться, подозреваю - ('click', event => ...)

const toggleCheckbox = () => {
  document.addEventListener("click", () => {
    let $input = event.target.querySelector("input");

Во-вторых зачем вешать событие на весь документ?
Конструкция (что-то).addEventListener добавляет обработчик на элемент. Зачем на весь документ то вешать.....

[Evtera]

Israfil22, чтобы не создавать лишний цикл. Переменная event передается по умолчанию.

Answer 1

[WbICHA]

А каким образом вот это:
$input.checked = !$input.checked;
может оказать хоть какое-то влияние на $inputCheked?

Comments

[Evtera]

расширил код. Теперь должно быть понятнее

[WbICHA]

Evtera, а что до этого было непонятно? Что inputCheked ─ это нодлист из чекбоксов с галочкой? Или то, что селектором ты проходишь ДО изменения состояния чекбокса?
По мне так всё более чем прозрачно.

[Evtera]

WbICHA , всё понятно. Поэтому я и спрашиваю, как сделать так, чтобы тернарник срабатывал в последнюю очередь