Почему не меняются активные label?

Question

[bzotsss]

Всем привет , у меня есть такой код на codepen
https://codepen.io/Thgfhhuy/pen/mdWEezL
Я бы хотел что бы при клике на один label другой становился не активным ( что бы у него пропадал оранжевый круг который по средине )
Подскажите пожалуйста что я делаю не правильно ...

Answer 1

[FeST1VaL]

Как минимум вы делаете не радио кнопки, а чек боксы, что в вашем вариант как по мне было бы проще

Comments

[bzotsss]

А есть какой нибудь вариант сделать это через js с чекбоксами а не радио? ( да я знаю что это не правильно но хотесь просто попробовать такой вариант )

[FeST1VaL]

bzotsss, ну у вас не понятно зачем навешивается на все элементы hidden и поверх visible на нужный. НО когда на следующий нажимаете, то как бы вы не убираете класс visible с прошлого и не снимаете с него checked. Сделайте один класс который будет по умолчанию ставить его активным и его убирайте и добавляйте. А дефолтное состояние сделайте чтобы круг был пустой... вот и все... и лучше чтобы хоть один пункт сразу был активным

[FeST1VaL]

bzotsss,

customLabelsArray.forEach(function(item) {
            	item.classList.remove('label-visible');
              item.previousElementSibling.checked = false;
            })