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

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

Например:

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

  A ticky box!