weixin_46585523
淘汰郎是我
2020-06-07 06:26
采纳率: 55.6%
浏览 290

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

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

图片说明

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • qq_39966112
    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>
    
    
    点赞 评论
  • caozhy
    充值<input id = "txt" type="text" onchange="Chg"></input>元,将会获得
    <p id="msg"></p>
    <script type="text/javascript">
    function Chg()
    {
    document.getElementById("msg").InnerHTML = (parseInt(document.getElementById("txt").value) * 10)+ "积分";
    }
    </script>
    
    点赞 评论

相关推荐