mei223 2018-08-19 14:26 采纳率: 100%
浏览 630
已采纳

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

图片说明

 <!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>
  • 写回答

7条回答 默认 最新

  • 天际的海浪 2018-08-19 17:30
    关注
     <!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>
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(6条)

报告相同问题?

悬赏问题

  • ¥100 有人会搭建GPT-J-6B框架吗?有偿
  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名