Randomly check a radio button after a certain time
300
November 23, 2016, at 1:44 PM
How do I randomly check a new radio button after a certain time?
I like to archive the effect that the checked radio button automaticially change every 5 seconds. Thank you!
<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>
Answer 1
You can use 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>
-
05:30
-
04:00
-
00:00
-
10:30
-
9:10
-
07:40
Firebase Cloud Functions: PubSub, "res.on is not a function"
-
04:00
TypeError: Cannot read properties of undefined (reading 'createMessageComponentCollector')
-
9:20
-
7:40
POPULAR ONLINE
- typescript: tsc is not recognized as an internal or external command, operable program or batch file 111534 visits
- search for elements in a list 111064 visits
- In Chrome 55, prevent showing Download button for HTML 5 video 98826 visits
- RxJS5 - error - TypeError: You provided an invalid object where a stream was expected 96332 visits
- Ionic 2 - how to make ion-button with icon and text on two lines? 92527 visits
- NetBeans IDE - ClassNotFoundException: net.ucanaccess.jdbc.UcanaccessDriver 62041 visits
- Adding methods to es6 child class 22375 visits
