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> 元人民币 </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); }