Я использую Bootstrap. У меня есть таблица с флажком в заголовке и в каждом столбце. Я пытаюсь сделать функциональность «проверить все» в jQuery, но кажется, что при начальной загрузке не используется проверенный атрибут. Как я вижу, он добавляет тег span вокруг моего флажка и добавляет к нему класс «флажок». Есть ли возможность работать с проверенным атрибутом, или я должен забыть об этом и написать проверку и переключение классов?

Ниже приведена часть кода из результата HTML:

<td>
  <div class="checker">
    <span class="">
      <input type="checkbox" class="payout_check" style="opacity: 0;">
    </span>
  </div>
</td>

Это непроверенный. После проверки третий ряд меняется на:

<span class="checked">