флажок не работает должным образом в html как исправить?

Question

У меня есть этот флажок, и я хочу, чтобы он вызывал функцию при нажатии

      <div class="checkbox theme-search-results-sidebar-section-checkbox-list-item">
        <label class="icheck-label">
          <input class="icheck" type="checkbox" onclick="system()">
          <span class="icheck-title" >
          system is good
          </span>
        </label>
      </div>

Я пробовал разные методы, единственный способ заставить его работать - использовать onclick на диапазоне, но это не сработает, если будет установлен флажок!

Кто-нибудь может мне с этим помочь? много чекбоксов.

Answer 1

Похоже, это работает так, как вы описываете, с помощью простой функции «system ()». Проблема может быть в вашей функции system ().

function system(){
  console.log("inside system")
}

<div class="checkbox theme-search-results-sidebar-section-checkbox-list-item">
        <label class="icheck-label">
          <input class="icheck" type="checkbox" onclick="system()">
          <span class="icheck-title" >
          system is good
          </span>
        </label>
      </div>

Answer 2

Попробуйте это. Сначала установите флажок в JavaScript:

const $checkbox = document.querySelector('.icheck');

Затем добавьте к нему прослушиватель событий щелчка:

$checkbox.addEventListener('click', system);

Это запустит систему, когда она нажата.