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