Показать сообщение отдельно
  #1 (permalink)  
Старый 05.12.2016, 12:18
Профессор
Отправить личное сообщение для smart-create Посмотреть профиль Найти все сообщения от smart-create
 
Регистрация: 25.10.2016
Сообщений: 157

переключение атрибута checked с интервалом в 5 секунд
Добрый день! Не могу разобраться с "перебрасыванием" атрибута 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. Долблюсь уже второй день, и нечего толкового не выходит

Последний раз редактировалось smart-create, 06.12.2016 в 00:40.
Ответить с цитированием