Как сделать так, чтобы флажок также переключался при нажатии на текстовую метку?

Установите свойство CSS display для div метки, чтобы она была блочным checkboxes элементом, и используйте checkboxes ее вместо вашего div — она html-tag сохраняет семантическое значение html-comments метки, позволяя использовать html-comments любой стиль, который вам span нравится.

Например:

label {
  width: 100px;
  height: 100px;
  display: block;
  background-color: #e0e0ff;
}

  A ticky box!