###前提・実現したいこと
JavaScript で、ラジオボタンを使って、背景色を変更するとき、個々のラジオボタンにid をふって特定するのではなく、document.getElementsByName('color')のようにして、配列に格納し、クリックされたラジオボタンのvalue に設定された背景色をページに設定するように、配列とループとif を使ってできないかなといろいろ試してみたのですが、まだ、理解が浅いようでうまくいきません。
###発生している問題・エラーメッセージ
エラーメッセージ
###該当のソースコード
JavaScript
1○ IDをふれば書ける 2<body> 3<form id="myForm"> 4 <input type="radio" name ="color" id="g" value="green">green 5 <input type="radio" name ="color" id="r" value="red">red 6</form> 7 8<script> 9 g.onclick =function(){document.body.style.background = g.value;} 10 r.onclick =function(){document.body.style.background = r.value;} 11</script> 12</body> 13</html> 14 15○ 配列に入れて1つづつ取り出すなら書ける 16<body> 17<form id="myForm"> 18 <input type="radio" name ="color" value="green">green 19 <input type="radio" name ="color" value="red">red 20</form> 21 22<script> 23 var c = document.getElementsByName('color'); 24 c[0].onclick =function(){document.body.style.background = c[0].value;} 25 c[1].onclick =function(){document.body.style.background = c[1].value;} 26</script> 27 28**<ここが知りたい!>** 29○ for を使ってラジオボタンがチェックされているかどうか順次チェックし、 30○ チェックされていたら背景色を、選択されているラジオボタンの値に変えるという風に書きたい 31と思い、↓のように、書いてみたりしてみたのですが、うまくいきません.... 32 33 34<script> 35var c = document.getElementsByName('color'); 36for(i=0; i<c.length; i++){ 37 c[i].onclick= function(){document.body.style.backcground = c[i].value; 38 } 39 } 40 41</script> 42 43注 本当は、 if(c[i].checked) のように書きたい....
###試したこと
課題に対してアプローチしたことを記載してください
###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/10/16 04:42