js新手学习遇到问题——单选框选择时的动作

Question

js新手

Answer 1

事件onchange
<input name="a" type="radio" value='#f00'/><input name="a" type="radio" value='#0ff'/><input name="a" type="radio" value='#f0f'/><input name="a" type="radio" value='#ff0'/>
<div style="width:100px;height:100px;" id="d"></div>
<script>
  var d=document.getElementsByName('a');
  for(var i=0;i<d.length;i++)d[i].onchange=function(){document.getElementById('d').style.background=this.value}
</script>