Как переключаться между радиоприемниками

Question

Я пытаюсь сделать слайдер с автоматическим скольжением. То есть. перейдите к следующему изображению. Это немного специальный слайдер. У меня есть радиокнопки, которые управляют изображением, на котором он включен.

Как это сделать авто слайд?

  <input type="radio" name="radio-set" checked="checked" id="st-control-1"/> 
      <a href="#st-panel-1">A</a> 
      <input type="radio" name="radio-set" id="st-control-2"/> 
      <a href="#st-panel-2">B</a> 
      <input type="radio" name="radio-set" id="st-control-3"/> 
      <a href="#st-panel-3">C</a> 
      <input type="radio" name="radio-set" id="st-control-4"/> 
      <a href="#st-panel-4">D</a> 

Answer 1

setInterval Использование и .prop для автоматического переключения между радио-кнопки каждую секунду.

Ознакомьтесь с этой скрипкой.

$(document).ready(function() { 
 
    setInterval(test, 1000); 
 
    var i = 1; 
 

 
    function test() { 
 
    i = (i % 4) + 1; 
 
    $('#st-control-' + i).prop('checked', true); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
 
<input type="radio" name="radio-set" checked="checked" id="st-control-1" /> 
 
<a href="#st-panel-1">A</a> 
 
<input type="radio" name="radio-set" id="st-control-2" /> 
 
<a href="#st-panel-2">B</a> 
 
<input type="radio" name="radio-set" id="st-control-3" /> 
 
<a href="#st-panel-3">C</a> 
 
<input type="radio" name="radio-set" id="st-control-4" /> 
 
<a href="#st-panel-4">D</a>