js实现在文本框输入一个百分数,另一个数跟着动态变化(只允许输入0-100的整数)【支持IE浏览器】

1.html部分

<tr>
            <td>输入分成比例:</td>
            <td style="position:relative;">
                <input id="scaleNum" style="width:200px;" type="text" placeholder="请输入该游戏给予渠道的分成比例" />
                <span style="position:absolute;right:2px;top:0;">%</span>
            </td>
        </tr>
        <tr>
            <td>实际结算金额:</td>
            <td>
                <span id="realNum">0</span>&nbsp;&nbsp;元人民币
            </td>
        </tr>

2.js部分

<!--输入分成比例实际结算金额动态变化-->
<script type="text/javascript">
    function handle() { 
    var a=document.getElementById('totalNum').innerHTML;
    var b=document.getElementById('scaleNum').value;
    var c=a*b*0.01;   
    
    var reg = new RegExp("^(\\d|[1-9]\\d|100)$");  //正则表达式判断是不是0-100的整数
    if(!reg.test(b)) {  
           alert("请输入0-100的整数!"); 
           document.getElementById('scaleNum').value="";
           document.getElementById('realNum').innerHTML=0;
           return false; 
    }  
    document.getElementById('realNum').innerHTML=c;
    } 
    if(/msie/i.test(navigator.userAgent)) //ie浏览器 
    { 
    document.getElementById('scaleNum').onpropertychange = handle; 
    } 
    else 
    {//非ie浏览器,比如Firefox 
    document.getElementById('scaleNum').addEventListener("input", handle, false); 
    //document.getElementById('scaleNum').watch('a', fn); 
    } 
</script>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值