点击传值不会懂写循环，路过的大大帮个忙

图片说明

 <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>javascript点击输入</title>
</head>
<body>
<style type="text/css">
a{text-decoration:none;color:#2d374b;}
table.FormTable{ width:100%}
table.FormTable tr td{padding:12px 0px}
table.FormTable tr td.tdL{width:12%;} 
table.FormTable tr td.tdC{width:88%;}
table.FormTable tr td.tdR{width:18%; border-left:inset 1px #eee}
input.srsz{ width:62px; height:30px; float:left; margin-left:5px; text-align:center;
margin-bottom:10px; font-size:18px;color:#33F}
td.sz0_9 a{width:36px; height:38px; line-height:38px; float:left; margin-right:3px; 
font-size:16px;text-align:center; background-color:#CCC}
</style>
<div class="MainContainers" style="width:600px; height:600px">
<form name="" method="post" action="" class="layui-form ">
  <div class="Conter">  
   <table class="FormTable" style=" padding:0">
    <tr id=""> 
      <td class='tdL'>   
      </td>
      <td class="tdC" style=" height:80px">
         <div class="" style="  float:left;">       
           <input type='text' name='post_db[sz_a1]' id='sz_a_1' onClick="javascript:;" class="srsz" value=""/>
           <input type='text' name='post_db[sz_a2]' id='sz_a_2' onClick="javascript:;" class="srsz" value=""/>
           <input type='text' name='post_db[sz_a3]' id='sz_a_3' onClick="javascript:;" class="srsz" value=""/>
           <input type='text' name='post_db[sz_a4]' id='sz_a_4' onClick="javascript:;" class="srsz" value=""/>           
           <input type='text' name='post_db[sz_a5]' id='sz_a_5' onClick="javascript:;" class="srsz" value=""/>
           <input type='text' name='post_db[sz_a6]' id='sz_a_6' onClick="javascript:;" class="srsz" value=""/>              
         </div>  
      </td>
    </tr>       
    <tr>
      <td  class='tdL'></td> <td class="sz0_9" >
        <a href="javascript:ToSa('1')">1</a>
        <a href="javascript:ToSa('2')">2</a>
        <a href="javascript:ToSa('3')">3</a>
        <a href="javascript:ToSa('4')">4</a>
        <a href="javascript:ToSa('5')">5</a>
        <a href="javascript:ToSa('6')">6</a>
        <a href="javascript:ToSa('7')">7</a>
        <a href="javascript:ToSa('8')">8</a>
        <a href="javascript:ToSa('9')">9</a>
        <a href="javascript:ToSa('0')">0</a>
        <a href="javascript:delpic(0)">X</a>
<SCRIPT LANGUAGE="JavaScript">
function ToSa(va){
    cc=document.getElementById("sz_a_1").value
    if(cc==''){
    document.getElementById("sz_a_1").value=va;
    }else{
    document.getElementById("sz_a_1").value+=+va;
    }
}
function delpic(t){
    document.getElementById('sz_a_1').value=''; 
}
</SCRIPT>        
      </td>
    </tr>   
  </table>
</div>
</form>
</div>
</body>
</html>

 <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>javascript点击输入</title>
</head>
<body>
<style type="text/css">
a{text-decoration:none;color:#2d374b;}
table.FormTable{ width:100%}
table.FormTable tr td{padding:12px 0px}
table.FormTable tr td.tdL{width:12%;} 
table.FormTable tr td.tdC{width:88%;}
table.FormTable tr td.tdR{width:18%; border-left:inset 1px #eee}
input.srsz{ width:62px; height:30px; float:left; margin-left:5px; text-align:center;
margin-bottom:10px; font-size:18px;color:#33F}
td.sz0_9 a{width:36px; height:38px; line-height:38px; float:left; margin-right:3px; 
font-size:16px;text-align:center; background-color:#CCC}
</style>
<div class="MainContainers" style="width:600px; height:600px">
<form name="" method="post" action="" class="layui-form ">
  <div class="Conter">  
   <table class="FormTable" style=" padding:0">
    <tr id=""> 
      <td class='tdL'>   
      </td>
      <td class="tdC" style=" height:80px">
         <div class="" style="  float:left;">       
           <input type='text' name='post_db[sz_a1]' id='sz_a_1' onClick="targetObj=this;" class="srsz" value=""/>
           <input type='text' name='post_db[sz_a2]' id='sz_a_2' onClick="targetObj=this;" class="srsz" value=""/>
           <input type='text' name='post_db[sz_a3]' id='sz_a_3' onClick="targetObj=this;" class="srsz" value=""/>
           <input type='text' name='post_db[sz_a4]' id='sz_a_4' onClick="targetObj=this;" class="srsz" value=""/>           
           <input type='text' name='post_db[sz_a5]' id='sz_a_5' onClick="targetObj=this;" class="srsz" value=""/>
           <input type='text' name='post_db[sz_a6]' id='sz_a_6' onClick="targetObj=this;" class="srsz" value=""/>              
         </div>  
      </td>
    </tr>       
    <tr>
      <td  class='tdL'></td> <td class="sz0_9" >
        <a href="javascript:ToSa('1')">1</a>
        <a href="javascript:ToSa('2')">2</a>
        <a href="javascript:ToSa('3')">3</a>
        <a href="javascript:ToSa('4')">4</a>
        <a href="javascript:ToSa('5')">5</a>
        <a href="javascript:ToSa('6')">6</a>
        <a href="javascript:ToSa('7')">7</a>
        <a href="javascript:ToSa('8')">8</a>
        <a href="javascript:ToSa('9')">9</a>
        <a href="javascript:ToSa('0')">0</a>
        <a href="javascript:delpic()">X</a>
<SCRIPT LANGUAGE="JavaScript">
var targetObj = document.getElementById("sz_a_1");
function ToSa(va){
    targetObj.value+=va;
}
function delpic(){
    targetObj.value=''; 
}
</SCRIPT>        
      </td>
    </tr>   
  </table>
</div>
</form>
</div>
</body>
</html>

这个function改造下：
function ToSa(va){
var ctrl = ('input:focus');
cc=$(ctrl).val();
if(cc==''){
$(ctrl).val(va);
}else{
$(ctrl).val(cc+va);
}
}

https://bbs.csdn.net/topics/391830507

修改ToSa函数
var index=1;
function ToSa(va){
var cc=document.getElementById("sz_a_"+index++)
if(cc.value==''){
cc.value=va;
}
}
，还有你的那个x按钮时什么功能，不说不好改

https://bbs.csdn.net/topics/3918305075

最好把input的onClick事件改成onfocus

获取当前获得焦点的input
<!DOCTYPE html>



javascript点击输入

a{text-decoration:none;color:#2d374b;} table.FormTable{ width:100%} table.FormTable tr td{padding:12px 0px} table.FormTable tr td.tdL{width:12%;} table.FormTable tr td.tdC{width:88%;} table.FormTable tr td.tdR{width:18%; border-left:inset 1px #eee} input.srsz{ width:62px; height:30px; float:left; margin-left:5px; text-align:center; margin-bottom:10px; font-size:18px;color:#33F} td.sz0_9 a{width:36px; height:38px; line-height:38px; float:left; margin-right:3px; font-size:16px;text-align:center; background-color:#CCC}
1 2 3 4 5 6 7 8 9 0 X var index=1; var inputs=document.getElementsByTagName('input'); for(var i = 0; i < inputs.length; i++){ inputs[i].onfocus=function(i) { getIndex(); } } function getIndex() { for(var i=0;i<inputs.length;i++){ if(inputs[i]==document.activeElement){ index=i+1; } } } function ToSa(va){ cc=document.getElementById("sz_a_"+index).value if(cc==''){ document.getElementById("sz_a_"+index).value=va; }else{ document.getElementById("sz_a_"+index).value+=+va; } } function delpic(t){ document.getElementById("sz_a_"+index).value=''; }