При нажатии на чекбокс, появляется кнопка сабмита формы. Но по нажатию на нее, вместо сабмита формы, она переключает состояние чекбокса.
Подскажите как исправить
Потому что кнопка у вас лежит внутри label, рядом с чекбоксом. Когда нажимаете кнопку — получается, что нажимаете label, соответственно переключается чекбокс. Либо добавляйте кнопку где-то вне label, либо перехватывайте событие, смотрите, что было нажато, и если нажата кнопка — делайте submit.
Лично мне более правильным кажется первый вариант.
Потому что у вас class checkbox у вас display: block; растягивается на всю ширину.
Вам кнопку надо поднять как-то над блоком. Поработать с z-index кнопки и чекбокса надо.
