js动态设置div的值下例子

复制代码 代码如下:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml">

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

  <title>js动态设置div的值.html</title>

  </head>

  <body>

  <form method="post" name="form1">

  <label><input type="radio" name="radio" value="1-10 岁" onclick="ok(this.value);">1-10 岁</label>

  <label><input type="radio" name="radio" value="11 岁" onclick="ok(this.value);">11 岁</label>

  <label><input type="radio" name="radio" value="12-120 岁" onclick="ok(this.value);">12-120 岁</label>

  <input type="button" onclick="ok()" value="测试选择值">

  </form>

  <div id="test"></div>

  <script language="javascript" type="text/javascript">

  <!--

  function ok()

  {

  var temp=document.getElementsByName("radio");

  for (i=0;i<temp.length;i++){

  //遍历Radio

  if(temp[i].checked)

  {

  //alert("你选择了"+temp[i].value);

  //获取Radio的值

  document.getElementById('test').innerHTML = temp[i].value;

  }

  }

  }

  -->

  </script>

  </body>

  </html>