Почему jquery не правильно определяет checked?

Question

[Илья Кочкин]

Все доброго времени суток, суть проблемы
есть вот такой переключатель


html|

<div class="wrap_change_button">
        <input hidden="" type="radio" name="option[228]" value="" checked="checked">
        <input hidden="" type="radio" name="option[228]" value="17">
        <div class="change_button">
              <div class="change_round"></div>
         </div>
 </div>

через jquery я меняю состояние этой кнопки
при клике чередуются checked инпуты
сам js вот такой

$(document).on('click', '.change_button', function () {
        $self = $(this);
        $self_parent = $self.parents('.wrap_change_button');
        $self.toggleClass('true');
        $inputs = $self_parent.find('[type="radio"]');
       console.log($self.hasClass('true'));
       console.log($($self_parent.find('[type="radio"]:checked'  )));
        $inputs.removeAttr('checked').change();
        if ($self.hasClass('true')) {
            $($inputs[1]).attr("checked", "checked").change();
        } else {
            $($inputs[0]).attr("checked", "checked").change();
        }
             $value=wrap_product.find('[type="radio"]:checked').val();
        }
    });

переменная $value должна хранить значение :checked эелеммента
все вроде бы ок НО если ты перешел на другую страницу но потом вернулся через кнопку назад в браузере
[type="radio"]:checked - не правильно определяет "чекнутый" элемент, Почему лыжи не едут?

Comments

[Артем Чернявский]

Потому что ваш скрипт отрабатывает при клике, а не при загрузке страницы, вот и сбрасывается )

[Артем Чернявский]

И разве так не удобнее?)

[Илья Кочкин]

Артем Чернявский, удобнее), не догадался через css делать

Answer 1

[Никита Мелихов]

Лучше сделать с помощью CSS, примеров полно. Тогда поведение будет такое же, как и у обычного переключателя.