0

我有一个小项目，其中我需要开发一个带有所有数字+退格+十进制的键盘（全部作为按钮）。单击时这些数字应填充表单字段（例如文本框）。此键盘应作为链接位于表单字段旁边。

键盘最好是 Javascript/AJAX。此外，键盘例程应该有一个关闭按钮，以最小化弹出键盘。（它与我们在票务网站中看到的日历控件非常相似。）

当点击数字（按钮）时，对键盘例程进行四舍五入只是填充表单域。

我需要帮助编写键盘例程。我如何设计javascript？如何包含按钮（文件中的数字+小数+退格）？如何对单击按钮时的部分进行编码，然后该值显示在表单字段中？

任何帮助是极大的赞赏。

谢谢

4

1 回答 1

2

问题出在哪里？

不需要使用ajax。非常快速和肮脏的例子：

在这里测试--> 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="&larr;" onclick="$('num').value=$('num').value.substr(0,$('num').value.length-1);"/>
</div>

</body>
</html>

不要使用“原样”...使用 css 样式表、函数等。

于 2009-10-13T18:17:12.617 回答