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

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

JavaScript

慕神8447489 2019-04-19 15:15:34

<!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>

查看完整描述

7 回答

慕运维8079593

TA贡献1876条经验获得超5个赞

<!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>

反对回复 2019-05-13

温温酱

TA贡献1752条经验获得超4个赞

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

反对回复 2019-05-13

有只小跳蛙

TA贡献1824条经验获得超8个赞

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

反对回复 2019-05-13

HUX布斯

TA贡献1876条经验获得超6个赞

最好把input的onClick事件改成onfocus

反对回复 2019-05-13

四季花海

TA贡献1811条经验获得超5个赞

获取当前获得焦点的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=''; }

反对回复 2019-05-13

7 回答
0 关注
540 浏览

关注

添加回答

0/150

提交

取消

热搜

最近搜索清空

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

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

7 回答

添加回答