淘汰郎是我 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 请教一下各位,为什么我这个没有实现模拟点击
  • ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 保护模式-系统加载-段寄存器
  • ¥15 电脑桌面设定一个区域禁止鼠标操作