Как сделать клики по input radio?

Question

[Антон]

Делаю галерею, подскажите как реализовать автоклик по кругу, т.е. смену активного радио каждые 3 секунды в пределах дива ?

<div class="gallery-colors">
<label><input id="001" name="bmw" type="radio"/></label>
<label><input id="002" name="bmw" type="radio"/></label>
<label><input id="003" name="bmw"  type="radio"/></label>
<label><input id="004" name="bmw"  type="radio"/></label>
<div>

Answer 1

[0xD34F]

let index = -1;

setInterval(radios => {
  radios.item(index = (index + 1) % radios.length).click();
}, 1000, document.querySelectorAll('.gallery-colors input'));

или

(function click(radios) {
  const radio = radios[-~radios.findIndex(n => n.checked)] || radios[0];
  radio.checked = true;
  radio.dispatchEvent(new Event('change', { bubbles: true }));
  setTimeout(click, 1000, radios);
})([...document.getElementsByName('bmw')]);