js 代码:
<script type="text/javascript">
var btn = document.getElementById("btn"),reset = document.getElementById("reset"),result = document.getElementById("Result2");
function ceshi(){
var man = document.getElementById("man"),woman = document.getElementById("woman"),father = document.getElementById("fh"),mother = document.getElementById("mh");
var g1 = document.getElementById("g1"),g2 = document.getElementById("g2");
//var isNum = /^-?d+(?:.d*)?(?:e[+-]?d+)?$/i;
var isNum =/^[0-9.]*$/;
 var parseF = parseInt(father.value);
 var parseM = parseInt(mother.value);
 if(parseF>=250||parseF<=55||parseM>=250||parseM<=55)
    {
     alert("您好 !输入父母身高要都是55-250之间!");
     }
     else if(!isNum.test(father.value)||!isNum.test(mother.value)||father.value==''||mother.value=='')
     {
      alert('输入父母身高不是数字!');
      }
     else
     {
  if(man.checked){
   if(!isNum.test(father.value)) return;
   //g1.innerHTML = parseInt(((parseF+parseM)/2)*1);
   //alert(((parseF+parseM)/2)*1.16);
   g1.value=parseInt(((parseF+parseM)/2)*1);
   g2.value=parseInt(((parseF+parseM)/2)*1.16);
   //g2.innerHTML = parseInt(((parseF+parseM)/2)*1.16);
  }else if(woman.checked){
   if(!isNum.test(mother.value)) return;
   g1.value = parseInt((parseF*0.913+parseM)/2);
   g2.value = parseInt((parseF+parseM)/2);
  }else{
   alert('请选择性别!');
  }
     }
 }
 reset.onclick = function(){
  result.innerHTML = '未知';
  father.value = '例:175';
  mother.value = '例:165';
 
 };
 	
function resetw()
{
document.getElementById("fh").value='';
document.getElementById("mh").value='';
document.getElementById("g1").value='';
document.getElementById("g2").value='';
}
</script>
html代码:
<table width="212" border="0" cellspacing="0" cellpadding="2">
  <tr>
    <td width="63" height="35" align="right">性 别:</td>
    <td width="67" height="35">
        <input type="radio" name="sex" value="1" id="man"/>男
    </td>
    <td width="70" height="35">
        <input type="radio" name="sex" value="0" id="woman"/>女
</td>
  </tr>
  <tr>
    <td width="63" height="35" align="right">父身高:</td>
    <td height="35" colspan="2">
      <label>
        <input type="text" name="fg" id="fh" style="width:100px; height:20px;" />厘米
        </label>
    </td>
    </tr>
  <tr>
    <td width="63" height="35" align="right">母身高:</td>
    <td height="35" colspan="2">
      <label>
        <input type="text" name="mg" id="mh" style="width:100px; height:20px;" />厘米
        </label>
</td>
    </tr>
  <tr>
    <td width="63" height="35" align="right"> </td>
    <td height="35">
      <label>
        <input type="button" name="test" value="提交"  id="btn" onclick="ceshi()"/>
        </label>
 
    </td>
    <td height="35">
      <label>
        <input type="submit" name="Submit2" value="重置"  onclick="resetw()" />
        </label>
 
    </td>
  </tr>
</table>
 
 
评论