JavaScript动态生成控件赋事件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<SCRIPT LANGUAGE="JavaScript">
  
  function   addbutton()  
  { 
var i;
for(i=0;i<3;i++){

msg.insertAdjacentHTML("beforeEnd","<input   type=radio   name='radio"+i+"'  id='radio"+i+"'><input   type=text   name='txt"+i+"'  id='txt"+i+"'><br>");//动态生成控件 document.getElementById("radio"+i+"").attachEvent("onclick" , new  Function('test("ddd")'));
}
 }  
 function   test(s){  
    alert(s);  
}   
</SCRIPT>
<body>
<form>  
 
 <input   type="button"  name="11" id="11" value="添加radio和text控件" onclick="addbutton()"> 
 
 <div id="msg" name="msg"></div>
  </form>
</body>
</html> 我想把radio"+i+"值传给test函数，怎么传啊？

解决方案 »

  1.   

    先定义一个变量，
    var x ='radio'+i;
    再test(x);
    不就可以了！
      

  2.   


    <html> 
    <SCRIPT LANGUAGE="JavaScript"> 
      
      function  addbutton()  
      { 
    var i; 
    for(i=0;i <3;i++){ msg.insertAdjacentHTML("beforeEnd"," <input  type=radio  name='radio"+i+"' value="+i+"  id='radio"+i+"'> <input  type=text  name='txt"+i+"'  id='txt"+i+"'> <br>");//动态生成控件 document.getElementById("radio"+i+"").attachEvent("onclick" , new  Function("test("+i+")")); 
    } 
    }  
    function  test(s){  
    document.getElementById("txt"+s).value = document.getElementById("radio"+s).value ;
        //alert(s);  
    }  
    </SCRIPT> 
    <body> 
    <form>  <input  type="button"  name="11" id="11" value="添加radio和text控件" onclick="addbutton()"> <div id="msg" name="msg"> </div> 
      </form> 
    </body> 
    </html>