Не выполняется переход на страницу после активации трех input'ов, как исправить?

Данный код, написанный на JS разделяет <li> на колонки.
После этого, формируются JS-табы и эти колонки становятся вкладками.

Необходимо, чтобы при активации input’ов c name="a",name="b",name="c", выполнялся переход на сформированную по кусочкам <input value="" страницу.
В коде прописано данное условие, но он не выполняется. В чем может быть проблема?

Оффтопик: если есть возможность сделать эту функциональность на vuejs, react или чем-то подобном, то лучше переделай. Эта задача как раз для таких библиотек: где у тебя есть богатый стейт (в твоем коде это значение в переменной obj), который отражается в многие компоненты и из них же изменяется.

Вообще много что хотелось бы поменять в коде: и тайминг когда происходит изменение объекта (в момент тика по чекбоксу а не по радио), и то чтобы состояние объекта отражалось в контролах (типа тикнул, ушел из вкладки, вернулся, тик остался).


В коде похоже ошибка там где опрпделяется какой вложенный объект изменять:

function onClickHandler(e) {
  console.log('obj', obj)
  console.log('e.target.name', e.target.name) // всегда "b"