如何用js实现自动相加功能?比如我有两个text和一个层,text1里的值填100,然后鼠标离开时层里的值也变成100,text2里的值填200,鼠标离开时层里的值变成300.依此类推 

解决方案 »

  1.   

    通过onblur事件设置div中的内容就可以啦
      

  2.   

    <input type="text" id="text1">
    <div id="layer1"></div>
    <script type="text/javascript">
    var $=function() {return document.getElementById(arguments[0]);}
    $("text1").onblur=function() {
    var c=$("layer1").innerHTML-0;
    if(this.value.length==0) {
    $("layer1").innerHTML=c-0;
    } else {
    $("layer1").innerHTML=c+(this.value-0);
    }
    }
    </script>
      

  3.   


    <div id="test"><input type="text" onmouseout="out()"></input><input onmouseout="out()" type="text"></input><span id="rs"></span></div>
    <script>
    function out(){
    var input=document.getElementById('test').getElementsByTagName('input');
    var rs=0;
    for(var i=0;i<input.length;i++){
    var fat=input[i];
    var num=Number(fat.value);
    if(!isNaN(num))
    rs+=num;
    else
    fat.value=0;

    }
    document.getElementById('rs').innerHTML=rs;
    }
    </script>