请教个关于textarea 的JS问题

本帖最后由 BaLiJieTouDeLiMing 于 2014-03-03 10:17:33 编辑

解决方案 »

  1.   

    失去焦点时合计
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script>
    window.onload=function(){
    var oText=document.getElementById('text');
    var oSpan=document.getElementById('show');

    oText.onblur=function()
    {
    var arrPrice=oText.value.split(/[,，]/g);
    var sum=0;
    for(var i=0;i<arrPrice.length;i++)
    sum+=parseFloat(arrPrice[i])||0;
    oSpan.innerHTML=sum;
    }
    }
    </script>
    </head>
    <body>
    <table>
    <tr>
         <th>月度情况</th>
            <th>合计</th>
        </tr>
        <tr>
         <td><textarea id="text"></textarea></td>
            <td><span id="show"></span></td>
        </tr>
    </table><p></p>
    </body>
    </html>
      

  2.   

    var s=$("#textarea").text().split(",");
    var val;
    for(var i in s){val+=parseFloat(s[i]);
    }
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script>
    $(function(){
    $("textarea[name='text']").blur(function(){
    var arrPrice=$(this).val().split(/[,，]/g);
                var sum=0;
                for(var i=0;i<arrPrice.length;i++)
                    sum+=parseFloat(arrPrice[i])||0;
                $(this).parent().next().html(sum);
    });
    })
    </script>
    </head>
    <body>
    <table id="table">
    <tr>
         <th>月度情况</th>
            <th>合计</th>
        </tr>
        <tr>
         <td><textarea name="text"></textarea></td>
            <td></td>
        </tr>
        <tr>
         <td><textarea name="text"></textarea></td>
            <td></td>
        </tr>
        <tr>
         <td><textarea name="text"></textarea></td>
            <td></td>
        </tr>
    </table><p></p>
    </body>
    </html>