请问这样的效果js如何实现？

<script>
var inputOrder=1
function putText(){
var obj=document.getElementById('a'+inputOrder)
if(obj){
  obj.value=event.srcElement.value
  inputOrder++;
}
else{
  alert('超出范围');
}
}
</script>例如: 
有6个按钮 
<input  type="button" value="2" id="b1" onclick=putText()> 
<input  type="button" value="4" id="b2" onclick=putText()> 
<input  type="button" value="6" id="b3" onclick=putText()> 
<input  type="button" value="8" id="b4" onclick=putText()> 
<input  type="button" value="10" id="b5" onclick=putText()> 
<input  type="button" value="12" id="b6" onclick=putText()> 
9个文本框 
<input name="a1" type="text"> 
<input name="a2" type="text"> 
<input name="a3" type="text"> 
<input name="a4" type="text"> 
<input name="a5" type="text"> 
<input name="a6" type="text"> 
<input name="a7" type="text"> 
<input name="a8" type="text"> 
<input name="a9" type="text"> 

解决方案 »

  1.   

    <script>
    var inputOrder=1;
    function putText(){
    var obj=document.getElementById('a'+inputOrder);
    if(obj){
      obj.value=event.srcElement.value;
      inputOrder++;
    }
    else{
      alert('超出范围');
    }
    }
    </script>
      

  2.   


    <script> 
    var inputOrder=1; 
    function putText(txt){ 
    var obj=document.getElementById('a'+inputOrder); 
    if(obj){ 
      obj.value=txt; 
      inputOrder++; 
    } 
    else{ 
      alert('超出范围'); 
    } 
    } 
    </script>
    <input  type="button" value="2" id="b1" onclick=putText(2)> 
      

  3.   

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>无标题页</title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div id="divbtn">
        <input  type="button" value="2" id="b1" onclick="setvalue(this)"/>
        <input  type="button" value="4" id="b2" onclick="setvalue(this)"/>
        <input  type="button" value="6" id="b3" onclick="setvalue(this)"/>
        <input  type="button" value="8" id="b4" onclick="setvalue(this)"/>
        <input  type="button" value="10" id="b5" onclick="setvalue(this)"/>
        <input  type="button" value="12" id="b6" onclick="setvalue(this)"/> 
        </div>
        <div id="divtext">
        <input name="a1" type="text"/>
        <input name="a2" type="text"/>
        <input name="a3" type="text"/>
        <input name="a4" type="text"/>
        <input name="a5" type="text"/>
        <input name="a6" type="text"/>
        <input name="a7" type="text"/>
        <input name="a8" type="text"/>
        <input name="a9" type="text"/> 
        </div>
        </form>
    </body>
    </html>
    <script>
    txtindex=0;
    function setvalue(btn){
    var texts = document.getElementById("divtext").getElementsByTagName("input");
    texts[txtindex].value=btn.value;
    txtindex=txtindex==texts.length-1?0:txtindex+1;
    }
    </script>