ایجاد حلقه بینهایت برای مقدار دهی checked به تعداد مشخصی دکمه رادیویی

[bobSilon]

دوستان من 5 تا دکمه رادیویی دارم که میخوام اینا به ترتیب مقدار checked رو با یه تاخیر مثلا 1 ثانیه ای بگیرن.


<input type="radio" name="radioButton" id="rd1">
<input type="radio" name="radioButton" id="rd2">
<input type="radio" name="radioButton" id="rd3">
<input type="radio" name="radioButton" id="rd4">
<input type="radio" name="radioButton" id="rd5">

مساله اینجاس که این پروسه باید به صورت بینهایت تکرار بشه و من برای اینکار کد زیر رو استفاده کردم:

$(document).ready(function () {
$('input[name=radioButton]').each(function (index) {
var $this = $(this);
setTimeout( function() {
$this.prop('checked', true);
}, 1000 * index );
});
});


اما مشکل این کد اینه که فقط یک بار اونها رو مقدار دهی میکنه. چطور میشه اینکار رو بصورت بینهایت تکرار کرد؟

[Variable]

به جای تابع setTimeOut
از تابع setInterval استفاده کن
فقط اسم تابع رو تغییر بده

[bobSilon]

اینکار رو کردم ولی فقط دکمه اول رو checked میکنه و دیگه کار نمیکنه. با setTimeOut یک دور همه اونارو مقدار دهی میکنه و دیگه ادامه نمیده

[amirashna]

اینطوری تست کن

$(document).ready(function () {
while(true){
$('input[name=radioButton]').each(function (index) {
var $this = $(this);
setTimeout( function() {
$this.prop('checked', true);
}, 1000 * index );
});
}
});

[bobSilon]

اینکارو هم کردم بازم جواب نداد یعنی هیچکدوم از دکمه ها انتخاب نشدن.
کلا راهی هست که بشه با جی کوئری کاری کرد که این دکمه ها تو یه چرخه ی تکراری نامحدود به ترتیب انتخاب بشن و دوباره از نو شروع بشه انتخاب شدنشون؟

[jalil_gh]

اینو امتحان کن.

var index = 0,
$inputs = $('input[name=radioButton]'),
len = $inputs.length;

setInterval(function(){

if (index < len) {
$inputs.eq(index).prop('checked', true);
}

index++;

if (index >= len) {
index = 0;
$inputs.prop('checked', false);
}
}, 1000);

امیدوارم اون چیزی باشه که میخای

[bobSilon]

مرسی جلیل جان جواب داد