2016-12-11 77 views
0

http://jsfiddle.net/8sbt5oua/8/HTML單選按鈕Javascript

我想讓我的代碼只專注於幾次。
而不是所有的人,誰可以幫助我?

gif

<input id="01" type="radio"> 
    <input id="02" type="radio"> 
    <input id="03" type="radio"> 
    <input id="04" type="radio"> 
    <input id="05" type="radio"> 
    <input id="06" type="radio"> 


var btn = document.getElementById("02"); 
setInterval(function() { 
    var list=document.getElementsByTagName("input"); 
    for (i=0;i<list.length;i++) { 
    btn = list[i]; 
    btn.checked == false ? btn.setAttribute("checked", "checked") : btn.removeAttribute("checked"); 
    } 
}, 500); 
+0

爲什麼你的jsfiddle無法點擊? –

+0

解答了@ A.Lau – Danisk

+0

你想用這段代碼完成什麼?這行應該做什麼:'var btn = document.getElementById(「02」);'? –

回答

1

這裏的的jsfiddle:http://jsfiddle.net/8sbt5oua/10/

首先必須要閃爍和關閉兩個數組。

var arr1 = [0,1,2]; 
var arr2 = [3,4,5]; 

您還想要一個全局變量,它們可以在兩者之間切換。

var use_first = true; 

然後,您要使用切換變量來確定哪個切換和哪個切換。

let remove; 
let checked; 

if (use_first) 
{ 
    checked = arr1; 
    remove = arr2; 
} 
else 
{ 
    checked = arr2; 
    remove = arr1; 
} 

我認爲foreach解釋自己,因爲他們基本上是你的代碼。

編輯:

remove.forEach(function(item, index) 
{ 
    btn = list[item]; 
    btn.removeAttribute("checked"); 
}); 
checked.forEach(function(item, index) 
{ 
    btn=list[item]; 
    btn.setAttribute("checked", "checked"); 
}); 
+0

我怎樣才能「不」隨機化這個,但第一次說,只有按鈕02,03,06,第二次01,04,05。我想整個頁面的這些按鈕,但要精確地說出哪個聲音閃爍而且這不應該是因爲我也想讓一些人不會眨眼。 (它們最終會成爲圖像,所以我需要精確地說明哪個應該閃爍)。 – Danisk

+0

已更新。讓我知道如果你需要更多的解釋 –

+0

是否有可能在Safari中無法使用該代碼? – Danisk