100分！javascript文盲请大家解决个问题

是做一个评分系统，评价的时候对每一个员工都要求有5个文本框
一：评价指标一的分数
二：评价指标一分数占总分的百分比
三：评价指标二的分数
四：评价指标二分数占总分的百分比
五：评价指标一的分数*百分比+评价指标二的分数*百分比的总分1234是让评价的人自己填写的，文本框5是根据前面四个文本框的计算自动生成的希望各位高手帮帮忙

解决方案 »

  1.   

    想要什么样的东西。。一套完整的实现的HTML界面？
      

  2.   

    document.getElementById("1").value * document.getElementById("2").value
    +document.getElementById("3").value * document.getElementById("3").value *1 /document.getElementById("指标4").value
      

  3.   


    <script>
    function pro(oEle){
    var val = oEle.value;
    if(isNaN(val)){
    val = 0;
    oEle.value = 0;
    }
    else val = parseFloat(val);
    return val;
    }
    function cal(){
    var f = document.forms[0];
    var score1 = pro(f.score1);
    var score2 = pro(f.score2);
    var percent1 = pro(f.percent1);
    var percent2 = pro(f.percent2);
    if(percent1<0){percent1=0;f.percent1.value=0}
    if(percent2<0){percent2=0;f.percent2.value=0}
    var sum = score1 * (percent1/100) + score2 * (percent2/100)
    sum = Math.round(sum*1000)/1000;
    f.sum.value = sum;
    }
    </script><form>
    一：评价指标一的分数 <input type="text" name="score1" value="0" onchange="cal()"><br>
    二：评价指标一分数占总分的百分比 <input type="text" name="percent1" value="0" onchange="cal()">%<br>
    三：评价指标二的分数 <input type="text" name="score2" value="0" onchange="cal()"><br>
    四：评价指标二分数占总分的百分比 <input type="text" name="percent2" value="0" onchange="cal()">%<br>
    五：评价指标一的分数*百分比+评价指标二的分数*百分比的总分<input type="text" name="sum" value="0" readonly>
    </form>
      

  4.   


    说明:前四个文本框里边，都填数字哈，，当鼠标离开第四个文本框的时候，产生结果五，基本思路就这样子<br>
    <meta http-equiv="Content-Type" content="text/html; charset=utf8">
    <script>
    function $(id){
    return document.getElementById(id);
    }
    function sum(){
    $('five').value=($('fist').value*$('sec').value+ $('thr').value*$('four').value)/100;
    }
    </script>
    评价指标一的分数:<input type='text' id='fist'><br>
    评价指标一分数占总分的百分比:<input type='text' id='sec'><br>
    评价指标二的分数:<input type='text' id='thr'><br>
    评价指标二分数占总分的百分比<input type='text' id='four' onblur="sum()"><br>
    五,计算结果:<input type='text' id='five'><br>
      

  5.   

    呵呵，学JS没多久，就想自己多练练代码写了个，大家批评指正下
    html代码
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
    <title></title>
    <script language="javascript" src="evaluate.js"></script>
    </head>
    <body>
        评分一:   <input type="text" name="sOne"></input><br/>
        评分一权重:<input type="text" name="sOnein"></input><br/>
        评分二:   <input type="text" name="sTwo"></input><br/>
        评分二权重:<input type="text" name="sTwoin"></input><br/>
        <input type="button" value="评分" onclick="evaluate()"></input><br/>
        总分:    <input type="text" name="total"></input><br/>
    </body>
    </html>js代码function evaluate(){
    var inputNodes=document.getElementsByTagName("input");
    var one=inputNodes[0].value;
    var onein=inputNodes[1].value;
    var two=inputNodes[2].value;
    var twoin=inputNodes[3].value;
    var total=(parseInt(one,10)*parseFloat(onein))+(parseInt(two,10)*parseFloat(twoin))
    inputNodes[5].value=total;
    }
      

  6.   

    JS里怎么写？是在文本框命名的时候带入员工ID吗？
      

  7.   

    你可以每组里面定义个hidden变量，value就写ID
      

  8.   

    这个我知道，但是怎么通过javascript读取这个变量
      

  9.   

    借用一下7楼得代码。<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"/> <title></title>
    <script language="javascript" >
    function evaluate(id){
    var one=document.getElementById('sOne'+id).value; 
    var onein=document.getElementById('sOnein'+id).value; 
    var two=document.getElementById('sTwo'+id).value; 
    var twoin=document.getElementById('sTwoin'+id).value; 
    var total=(parseInt(one,10)*parseFloat(onein))+(parseInt(two,10)*parseFloat(twoin)) 
    document.getElementById('total'+id).value=total; 
    document.getElementById(id).value=total; 
    }
    function getAll(){
     var allIdValues=document.getElementsByTagName("input");
    for(var i=0;i<allIdValues.length;i++){
        if(allIdValues[i].type=='hidden')
    alert('id='+allIdValues[i].name+'---value='+allIdValues[i].value);
    }}</script> 
    </head> 
    <body>  
    <form>
    <input type="hidden" name="id1"value=""/>
    评分一: <input type="text" id="sOneid1"name="sOneid1"></input><br/>  
    评分一权重:<input type="text" name="sOneinid1"></input><br/>  
    评分二: <input type="text" name="sTwoid1"></input><br/> 
    评分二权重:<input type="text" name="sTwoinid1"></input><br/>  
      <input type="button" value="评分" onclick="evaluate('id1')"></input><br/>  
    总分: <input type="text" name="totalid1"></input><br/> 
    <input type="hidden" name="id2" value=""/>
    评分一: <input type="text" name="sOneid2"></input><br/>  
    评分一权重:<input type="text" name="sOneinid2"></input><br/>  
    评分二: <input type="text" name="sTwoid2"></input><br/> 
    评分二权重:<input type="text" name="sTwoinid2"></input><br/>  
      <input type="button" value="评分" onclick="evaluate('id2')"></input><br/>  
    总分: <input type="text" name="totalid2"></input><br/> 取所有: <input type="button" name="all" value="看看" onclick="getAll()"></input><br/> </form>
    </body> 
    </html>
      

  10.   

    土办法：
    id1/id2/idN分别用for循环<%=id值>加进去。
    如果你采用框架，可以用循环表达式来生成里面得每一项