一、js实现
1 <html xmlns=" http://www.w3.org/1999/xhtml"> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 4 <script language="javascript"> 5 function AcceptData(num){ 6 document.getElementById("accepDate").value+=num; 7 } 8 </script> 9 </head> 10 11 <body> 12 <input id="accepDate" type="text" name="accepDate" /> 13 <input type="submit" name="Submit" onclick="AcceptData('1')" value="1" /> 14 <input type="submit" name="Submit" onclick="AcceptData('2')" value="2" /> 15 </body> 16 </html>
二、input输入框的value传值显示
input输入框中用户输入的值，点击按钮显示在另一个容器之中。
function show(){ 2 var callNum = document.getElementById('exampleInputName2');//声明input 3 var callBtn = document.getElementById('callBtn');//声明按钮 4 var callingNum = document.getElementById('callingNum');//声明容器 5 callingNum.innerHtml = callNum.value;//input的value值传给容器显示 6 7 8 }
三、清空功能按钮
设置一个能清空input输入框中值的按钮，添加事件
$('#btn-clear').click(function(){
$('.ipt-cont').val(' ').focus();//清空后获得焦点以便重新输入
});