一、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();//清空后获得焦点以便重新输入
});