当前位置: 代码迷 >> Java Web开发 >> 解决此js有关问题100分只给你一个人
  详细解决方案

解决此js有关问题100分只给你一个人

热度:6300   发布时间:2016-04-10 23:05:44.0
解决此js问题100分只给你一个人~

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');</script>

 </HEAD>

 <BODY>
 <li>1.用户输入的值必须小于后面红色部分</li> 
  <li>2.如果CO要从20变成100,那么是从CO的下级或下级的下级里扣除,比如当CO变成100 则首先从SH扣除15 然后从SA1扣除10,SA2扣除15,SA3扣除20,SA4扣除20</li> 
  <li>3.如果CO从20变成0,那么CO的下级会从15变成35,就是说除了最后一级SA4,其余的如果上级增加就从下级扣除直到满足条件,如果上级减少则减少的部分会加给下级</li> 
   <li>4.如果把最后一级减少,那么减少的部分会添加到他的上一级,比如把SA4变成0那么SA4的上级SA3则是40</li>
   <li>5.如果把CO SH SA1 都设为0 那么SA2会变成60 这时需要提示出错 并且把CO SH SA1 SA2还原成初始化的状态</li>
     <br/><br/>
  <tr align="left" height="15" valign="middle">
              <th width="10%">
  <span style="color: red;">*</span>实际风险(%)</th>
              <td colspan="6" class="table01" bgcolor="#ffffff">
                <div id="etd2">
 CO<input size="5" onblur="check(0)" name="actualRiskVal" id="actualRiskVal0" oldvalue="20" value="20" type="text">
 <span style="color: red;">/</span><span id="maxRisk0" style="color: red;">100</span><span style="color: red;">%</span>&nbsp;&nbsp;&nbsp;&nbsp;
 SH<input size="5" onblur="check(1)" name="actualRiskVal" id="actualRiskVal1" oldvalue="15" value="15" type="text">
 <span style="color: red;">/</span><span id="maxRisk1" style="color: red;">80</span><span style="color: red;">%</span>&nbsp;&nbsp;&nbsp;&nbsp;
 SA1<input size="5" onblur="check(2)" name="actualRiskVal" id="actualRiskVal2" oldvalue="10" value="10" type="text">
 <span style="color: red;">/</span><span id="maxRisk2" style="color: red;">65</span><span style="color: red;">%</span>&nbsp;&nbsp;&nbsp;&nbsp;
 SA2<input size="5" onblur="check(3)" name="actualRiskVal" id="actualRiskVal3" oldvalue="15" value="15" type="text">
 <span style="color: red;">/</span><span id="maxRisk3" style="color: red;">55</span><span style="color: red;">%</span>&nbsp;&nbsp;&nbsp;&nbsp;
 SA3<input size="5" onblur="check(4)" name="actualRiskVal" id="actualRiskVal4" oldvalue="20" value="20" type="text">
 <span style="color: red;">/</span><span id="maxRisk4" style="color: red;">40</span><span style="color: red;">%</span>&nbsp;&nbsp;&nbsp;&nbsp;<br>
 SA4<input size="5" onblur="check(5)" name="actualRiskVal" id="actualRiskVal5" oldvalue="20" value="20" type="text">
 <span style="color: red;">/</span><span id="maxRisk5" style="color: red;">20</span><span style="color: red;">%</span>&nbsp;&nbsp;&nbsp;&nbsp;</div>
 <div id="etd"></div>

              </td>
            </tr>
 </BODY>
 <script type="text/javascript">
  function check(id){
var oldVal = $("#actualRiskVal"+id).attr("oldValue");
var risk = $("#actualRiskVal"+id).val();
//console.log(oldVal);
var reg=/^[0-9]+$/;
       if(!reg.test(risk))
       {
           alert("请输入数字");
           $("#actualRiskVal"+id).val(oldVal);
       }else{
var maxRisk = $("#maxRisk"+id).html();
//console.log("maxRisk"+maxRisk);
 
if(parseInt(risk)>parseInt(maxRisk)){
alert("必须小于最大值"+maxRisk);
$("#actualRiskVal"+id).val(oldVal);


       } 
       
  }
 </script>
</HTML>

  相关解决方案