2016-12-11 14 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]; 

また、2つの間で切り替えるグローバル変数が必要です。

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の2回目の01、04、05ボタンだけです。私はこれらのボタンのページ全体を作りたいと思いますが、私はまた少しでも点滅しないようにしたいからです。 (彼らは最後にイメージになるので、私は正確に何が点滅すべきかを言う必要があります) – Danisk

+0

更新されました。あなたに詳しい説明が必要な場合は教えてください –

+0

Safariでコードが動作しない可能性はありますか? – Danisk

関連する問題