DIV動態賦值

<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 歲" οnclick="ok(this.value);">1-10 歲</label> 
    <label><input type="radio" name="radio" value="11 歲" οnclick="ok(this.value);">11 歲</label> 
    <label><input type="radio" name="radio" value="12-120 歲" οnclick="ok(this.value);">12-120 歲</label> 
  </form> 
  <div id="test">11111</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; //必須如此格式寫,用jquery的獲取值的方式不能達到效果 ,ly 2013-02-07     
      } 
   } 
}  
</script>
</body> 
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章