<td>1000<INPUT TYPE="hidden" NAME="price" value="1000"></td>
<td><INPUT TYPE="text" NAME="qty" size="6" MAXLENGTH=20 onblur="alert(this.value)"></td>
<td><INPUT TYPE="text" NAME="sumprice" size="6" MAXLENGTH=20></td>如上图,想输入数量值后,文本框失去焦点,自动计算金额值(单价*数量)不知道如何写脚本?

解决方案 »

  1.   

    <td><span id="sum"></span></td>
    <td><INPUT TYPE="text" name="qty" size="6" MAXLENGTH=20></td>
    <td><INPUT TYPE="text" NAME="sumprice" size="6" MAXLENGTH=20 onBlur="s()"></td>
    <script language="javascript">
    function s(){var qty = document.all.qty;
    var sumprice = document.all.sumprice;
    var sum = qty.value*sumprice.value;
    document.getElementById("sum").innerHTML=sum
    }</script>
      

  2.   

    <td>1000<INPUT TYPE="hidden" NAME="price" value="1000"></td>
    <td><INPUT TYPE="text" NAME="qty" size="6" MAXLENGTH=20 onblur="sumprice.value=price.value*qty.value"></td>
    <td><INPUT TYPE="text" NAME="sumprice" size="6" MAXLENGTH=20></td>
      

  3.   


    <tr>
    <td>1000<INPUT TYPE="hidden" NAME="price" value="1000"></td>
    <td><INPUT TYPE="text" NAME="qty" size="6" MAXLENGTH=20 onblur="alert(this.value)"></td>
    <td><INPUT TYPE="text" NAME="sumprice" size="6" MAXLENGTH=20></td>
    </tr><tr>
    <td>2000<INPUT TYPE="hidden" NAME="price" value="2000"></td>
    <td><INPUT TYPE="text" NAME="qty" size="6" MAXLENGTH=20 onblur="alert(this.value)"></td>
    <td><INPUT TYPE="text" NAME="sumprice" size="6" MAXLENGTH=20></td>
    </tr>
      

  4.   

    <table>
    <tr>
    <td>1000<INPUT TYPE="hidden" NAME="price" value="1000"></td>
    <td><INPUT TYPE="text" NAME="qty" size="6" MAXLENGTH=20 onblur="alert(this.value)"></td>
    <td><INPUT TYPE="text" NAME="sumprice" size="6" MAXLENGTH=20></td>
    </tr><tr>
    <td>2000<INPUT TYPE="hidden" NAME="price" value="2000"></td>
    <td><INPUT TYPE="text" NAME="qty" size="6" MAXLENGTH=20 onblur="alert(this.value)"></td>
    <td><INPUT TYPE="text" NAME="sumprice" size="6" MAXLENGTH=20></td>
    </tr>
    </table>
    <script>
    var price=document.getElementsByName("price");
    var qty=document.getElementsByName("qty");
    var sumprice=document.getElementsByName("sumprice");
    for(var i=0;i<qty.length;i++){
    (function(){
    var index=i;
    qty[index].onblur=function(){
    sumprice[index].value = price[index].value * qty[index].value;
    };
    })();
    }
    </script>