我有一个小项目,其中我需要开发一个带有所有数字+退格+小数(全部作为按钮)的键盘。单击时这些数字应填充表单字段(例如文本框)。该键盘应作为链接位于表单字段旁边。
键盘最好是 Javascript/AJAX。此外,键盘例程应该有一个关闭按钮,以便最小化弹出键盘。 (它与我们在票务网站中看到的日历控件非常相似。)
对键盘例程进行四舍五入并没有什么特别的作用,只是在单击数字(按钮)时填充表单字段。
我需要键盘例程编码方面的帮助。我该如何设计 JavaScript?如何包含按钮(用于文件中的数字+小数+退格键)?如何编写当单击按钮时该值显示在表单字段中的部分?
非常感谢任何帮助。
谢谢
最佳答案
问题出在哪里?
无需使用ajax。非常快速而肮脏示例:
test here --> http://www.codebase.es/so/numpad.html
<html>
<head><title></title></head>
<body>
<script> function $(id) { return document.getElementById(id); } </script>
<input id="num" type="text" readonly="true"/>
<input type="button" value="..." onclick="$('keypad').style.display='inline-block';"/>
<div id="keypad" style="display:none; background:#AAA; vertical-align:top;">
<input type="button" value="7" onclick="$('num').value+=7;"/>
<input type="button" value="8" onclick="$('num').value+=8;"/>
<input type="button" value="9" onclick="$('num').value+=9;"/><br/>
<input type="button" value="4" onclick="$('num').value+=4;"/>
<input type="button" value="5" onclick="$('num').value+=5;"/>
<input type="button" value="6" onclick="$('num').value+=6;"/><br/>
<input type="button" value="1" onclick="$('num').value+=1;"/>
<input type="button" value="2" onclick="$('num').value+=2;"/>
<input type="button" value="3" onclick="$('num').value+=3;"/><br/>
<input type="button" value="X" onclick="$('keypad').style.display='none'"/>
<input type="button" value="0" onclick="$('num').value+=0;"/>
<input type="button" value="←" onclick="$('num').value=$('num').value.substr(0,$('num').value.length-1);"/>
</div>
</body>
</html>
不要“按原样”使用...使用 CSS 样式表、函数等。
关于javascript - 如何通过弹出键盘在表单字段中填写数字(使用 Javascript/AJAX),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1549359/