Span не реагирует на click (JQuery)?

Question

[Михаил]

Я создал фейковы checkbox поверх дефолтного, чтобы кастомизировать его css.

Фейковый checkbox это span элемент, который должен по клику добавлять класс checked фальшивому чекбоксу.

html:

<label for="accept-data" class="form-accept">
					<input type="checkbox" class="form-check" id="checkbox"></input>
					Соглашаюсь на <a href="#">обработку персональных данных</a>
					<span class="fake-checkbox"></span>
				</label>

скрипт:

$(document).ready(function(){
	var checkbox = $('#checkbox');
	$('#checkbox').click(function() {
 		$(this).toggleClass("checked");
 	});
});

Ошибок при клике не выдает. НО вообще не реагирует на клик. Проверял с alert и console.log, так же 0 результатов. В чем может быть проблема?

Comments

[Сергей delphinpro]

onclick="checking()"

ну и где ваша функция checking() ?

Answer 1

[scottparker]

у тебя событие висит на элементе id=checkbox, но на спане нету этого ид, поэтому и не работает клик по спану.

Comments

[Михаил]

Действительно. Но проблему это не решило

[scottparker]

Михаил, что ещё?

Answer 2

[Exploding]

Надо так: label for="checkbox"
И все остальное спокойно делаем в css без js вообще.