Подскажите, пожалуйста, не вижу очевидной причины ошибки.
https://jsfiddle.net/31ao8L0w/
Задал на контейнер ивент клика и через делегирование событий назначаю нужный функционал, но что-то пошло не так, если выводить в консоль event.target.name при первом клике все отображается корректно, а при последующем конкретный name определенного инпута
<input class="form-style__checkbox form-style__checkbox--margin--first" name="formStyleCheckbox" type="checkbox" value="bold">
Почему именно его выводит, ошибка в построении логики или в чем-то другом? Так же прошу совет, как лучше назначать ивенты, на каждый конкретный нужный элемент или на все вместе как в моем случае?