博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
输入分成比例实际结算金额动态变化
阅读量:6077 次
发布时间:2019-06-20

本文共 1093 字,大约阅读时间需要 3 分钟。

hot3.png

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); 
    } 

转载于:https://my.oschina.net/demons99/blog/2876657

你可能感兴趣的文章
07-k8s-dns
查看>>
Android 中 ListView 分页加载数据
查看>>
oracle启动报错:ORA-00845: MEMORY_TARGET not supported on this system
查看>>
Go方法
查看>>
Dapper丶DapperExtention,以及AbpDapper之间的关系,
查看>>
搞IT的同学们,你们在哪个等级__那些年发过的帖子
查看>>
且谈语音搜索
查看>>
MySQL数据库导入导出常用命令
查看>>
低版本Samba无法挂载
查看>>
Telegraf+Influxdb+Grafana构建监控平台
查看>>
使用excel 展现数据库内容
查看>>
C#方法拓展
查看>>
MySql.Data.dll的版本
查看>>
Linux系统磁盘管理
查看>>
hdu 2191 (多重背包+二进制优化)
查看>>
home.php
查看>>
neo4j---删除关系和节点
查看>>
redis分布式锁redisson
查看>>
什么样的企业可以称之为初创企业?
查看>>
Python爬虫之BeautifulSoup
查看>>