Добрый день! Не могу разобраться с "перебрасыванием" атрибута checked с одного импута на другой при помощи js.
Есть вот такая разметка:
<nav class="galnav">
<ul>
<li>
<input type="radio" name="btn" value="one" checked="checked">
<label for="btn"></label>
</li>
<li>
<input type="radio" name="btn" value="two">
<label for="btn"></label>
</li>
<li>
<input type="radio" name="btn" value="fre">
<label for="btn"></label>
</li>
</ul>
</nav>
Здесь все импуты скрыты и по умолчанию виден только тот у которого стоит атрибут checked со значение checked, то есть checked="checked". Мне необходимо с помощью js реализовать переключением этих импутов с интервалом в 5 секунд, то есть каждый 5 секунд атрибут checked="checked" должен удаляться с текущего импута и добавляться к следующему, когда дело дойдет до последнего импута, цикл должен запускаться по кругу.
Подскажите пожалуйста как это правильно реализовать на js. Долблюсь уже второй день, и нечего толкового не выходит