改变单选按钮的背景颜色

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function changeColor(color)
  5. {
  6. document.getElementById('x').style.background=color
  7. }
  8. </script>
  9. </head>
  10.  
  11. <body>
  12.  
  13. <p>本例演示如何改变单选按钮的背景颜色。</p>
  14. <p>请把鼠标移动到下面的三个表格单元上，背景颜色将会改变：</p>
  15.  
  16. <table width="100%"><tr>
  17. <td bgcolor="red" onmouseover="changeColor('red')"> </td>
  18. <td bgcolor="blue" onmouseover="changeColor('blue')"> </td>
  19. <td bgcolor="green" onmouseover="changeColor('green')"> </td>
  20. </tr>
  21. </table>
  22.  
  23. <form>
  24. 请把鼠标移动到颜色上面
  25. <input id="x" checked type="radio">
  26. </form>
  27.  
  28. </body>
  29. </html>