Checkbox doesn't work on iOS phones

I have a form with a checkbox input and a label corresponding that checkbox

div.thingy
  <input type="checbox" id="clickable" onclick="">
div.thingy
  <span for="clickable"> Random text here </span>

When I click on the span text the checkbox is clickable and will toggle on all browsers. BUT when I decide to go on iOS the checkbox will not toggle when I click on the span text.

Is there a solution for this? I've clicked around many many pages and they all suggest using JS(and I know how to use it) but the challenge is that I shouldn't.

Help is much appreciate it :)