淘汰郎是我 2020-06-07 06:26 采纳率: 0%
浏览 534
已采纳

文本框输入一个数字，自动乘以指定一个数值，并即时显示结果

我需要在html页面，有一个文本框，文本框可填写任意数字，但不能含有小数点、中文或字母，在文本框旁边可以即时计算出填写数字乘以10之后的结果。
示例：

图片说明

请各位大神提供最简单的方式，可以用JS，不要用jQuery。
谢谢！

  • 写回答

2条回答 默认 最新

  • Xiao_冬 2020-06-07 10:31
    关注
    <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <form action="" oninput="x.value='将会获得'+parseInt(a.value)*10+'积分'">
            <p>
                充值金额：
                <input type="number" id="a" min="0">
                <output name="x" for="a"></output>
            </p>
        </form>
    </body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

悬赏问题

  • ¥15 名为“Product”的列已属于此 DataTable
  • ¥15 安卓adb backup备份应用数据失败
  • ¥15 eclipse运行项目时遇到的问题
  • ¥15 关于#c##的问题：最近需要用CAT工具Trados进行一些开发
  • ¥15 南大pa1 小游戏没有界面，并且报了如下错误，尝试过换显卡驱动，但是好像不行
  • ¥15 没有证书，nginx怎么反向代理到只能接受https的公网网站
  • ¥50 成都蓉城足球俱乐部小程序抢票
  • ¥15 yolov7训练自己的数据集
  • ¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)（相关搜索：51单片机|单片机|测试代码）
  • ¥15 电力市场出清matlab yalmip kkt 双层优化问题