在一段时间后随机检查一个单选按钮

Randomly check a radio button after a certain time

本文关键字:一个 单选按钮 一段时间 随机 检查      更新时间:2023-09-26

如何在一段时间后随机检查一个新的单选按钮?

我喜欢存档选中的单选按钮每5秒自动更改一次的效果。谢谢你!

<input type="radio" id="mc" name="radiobutton" value="Mastercard" checked>
<label for="mc"> Mastercard</label><br> 
<input type="radio" id="vi" name="radiobutton" value="Visa">
<label for="vi">  Visa</label><br> 
<input type="radio" id="ae" name="radiobutton" value="AmericanExpress">
<label for="ae"> American Express</label> 

您可以使用setInterval

var $inputs = $("input[type=radio]");
setInterval(function() {
  var random = Math.floor(Math.random() * $inputs.length);
  $inputs.each(function(i, node) {
    node.checked = (i === random);
  });
}, 5000); // 5000 = 5 seconds
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="radio" id="mc" name="radiobutton" value="Mastercard" checked>
<label for="mc">Mastercard</label>
<br>
<input type="radio" id="vi" name="radiobutton" value="Visa">
<label for="vi">Visa</label>
<br>
<input type="radio" id="ae" name="radiobutton" value="AmericanExpress">
<label for="ae">American Express</label>