谁帮我完善一下input输入数字计算结果输出

如图，input里输入数量，计算出总价格<html>
<head>
    <SCRIPT LANGUAGE="JavaScript">    　　 function getPrice(){
        　　 if(isNaN(document.myform.shuliang.value)){
                 alert("输入不正确，请正确输入数字！");
                document.myform.shuliang.value = 0;
                document.myform.zongjia.value = 0;
             }else{
                  var danjia = parseInt(document.all.item("danjia").innerHTML);
                 var shuliang = parseInt(document.myform.shuliang.value);
                 var zongjia = parseFloat(danjia*shuliang);
                 document.all.item("zongjia").innerHTML = String(zongjia);
             }
    　　 }
　　 </SCRIPT>
</head><body >
        <form name="myform">
        　　产品1单价:<label id="danjia"> 7$</label>
            数量:<input type="text" name="shuliang" value="">
            总价:<label id="zongjia"></label><label id = "danwei">$</label><br>
    　　 </form>
</body>
</html>
怎么实现多个呢？如下图

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

danjia1 = eval(text1.value * 7);
danjia2 = eval(text2.value * 8);
danjia3 = eval(text3.value * 9);
怎么改变其中一个text的时候，自动安装对应的单价去计算出总价呢？
顺手帮你写了一个,不知道是否能帮助你<body>
产品单价：7$ 数量：<input type="text" id="num" value="1" onchange="onchanges();"/>总数：<label id="sums"></label>$<script>
function $(id){ return document.getElementById(id);};function onchanges(){
var sum = 7 * parseInt($("num").value);
$("sums").innerHTML = sum;
}
</script>
</body>
那个单价也在变，7，8，9.
谢谢大家的捧场。
可能是图片都是白色的原因，大家没看清楚。
产品1的单价是7
产品2的单价是8
产品3的单价是9然后3个输入里输入数量，分别计算结果，输出在其后的label里
一个不太满意的方法如下。本来我想最好用数组的，动态一点，扩充性好一点
<html>
<head>
<SCRIPT LANGUAGE="JavaScript"> 　　 function getPrice(id){
var item_shuliang = document.all.item("shuliang"+id);
var item_zongjia = document.all.item("zongjia"+id);
var item_danjia = document.all.item("danjia"+id);
　　 if(isNaN(item_shuliang.value)){
      alert("输入不正确，请正确输入数字！");
item_shuliang.value = 0;
item_zongjia.innerHTML = 0;
}else{
var danjia = parseInt(item_danjia.innerHTML);
var shuliang = parseInt(item_shuliang.value);
item_zongjia.innerHTML = parseFloat(danjia*shuliang);
}
　　 }
　　 </SCRIPT>
</head><body >
<form name="myform">
　　产品1单价:<label id="danjia1"> 7$</label>
数量:<input type="text" name="shuliang1" value="" onKeyUp="getPrice('1')">
总价:<label id="zongjia1"></label><label id = "danwei1">$</label><br>
　　产品2单价:<label id="danjia2"> 8$</label>
数量:<input type="text" name="shuliang2" value="" onKeyUp="getPrice('2')">
总价:<label id="zongjia2"></label><label id = "danwei2">$</label><br>

　　产品3单价:<label id="danjia3"> 9$</label>
数量:<input type="text" name="shuliang3" value="" onKeyUp="getPrice('3')">
总价:<label id="zongjia3"></label><label id = "danwei3">$</label>
　　 </form>
</body>
</html>
<html>
<head>
    <SCRIPT LANGUAGE="JavaScript">     　　 function getPrice(){
        　　 if(isNaN(document.myform.shuliang.value)){
                alert("输入不正确，请正确输入数字！");
                document.myform.shuliang.value = 0;
                document.myform.zongjia.value = 0;
            }else{
                  var danjia = parseInt(document.all.item("danjia").innerHTML);
                var shuliang = parseInt(document.myform.shuliang.value);
                var zongjia = parseFloat(danjia*shuliang);
                document.all.item("zongjia").innerHTML = String(zongjia);
            }
    　　 }
  function math(cntrl,price,ids){
            var num=new Number(cntrl.value);
//alert(num*price);
ids.innerHTML="<font>"+(price*num)+"</font>";
  }
　　 </SCRIPT>
</head> <body >
<form name="myform">
        　
        <label id = "danwei"> </label>
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="10%" height="41" align="center">　产品1单价:7$</td>
                <td width="20%"><label id="danjia"></label>
数量:
  <input type="text" name="shuliang" value="" onChange="math(myform.shuliang,7,one)"></td>
                <td width="4%">总价:
                <label id = "danwei"></label></td>
                <td width="7%" id="one" name="one"> </td>
                <td width="59%"> </td>
              </tr>
              <tr>
                <td height="33" align="center"> 产品1单价:8$</td>
                <td>数量:
                <input type="text" name="shuliang2" value="" onChange="math(myform.shuliang2,8,two)"></td>
                <td>总价:
                  <label id="zongjia"> </label>
                  <label id = "danwei"></label></td>
                <td id="two" name="two"> </td>
                <td> </td>
              </tr>
              <tr>
                <td height="106" align="center">产品1单价:9$</td>
                <td>数量:
                <input type="text" name="shuliang3" value=""  onChange="math(myform.shuliang3,9,three)"></td>
                <td>总价:<label id = "danwei"></label></td>
                <td id="three" name="three" > </td>
                <td> </td>
              </tr>
            </table>
            <br>
　　
<input type="reset" name="button" id="button" value="重置表单">
</form>
</body>
</html>
好了，我测试了，你试试看看行不行！
<html>
<head>
    <SCRIPT LANGUAGE="JavaScript">     　　 function getPrice(){
        　　 if(isNaN(document.myform.shuliang.value)){
                alert("输入不正确，请正确输入数字！");
                document.myform.shuliang.value = 0;
                document.myform.zongjia.value = 0;
            }else{
                  var danjia = parseInt(document.all.item("danjia").innerHTML);
                var shuliang = parseInt(document.myform.shuliang.value);
                var zongjia = parseFloat(danjia*shuliang);
                document.all.item("zongjia").innerHTML = String(zongjia);
            }
    　　 }
  function math(cntrl,price,ids){
            var num=new Number(cntrl.value);
//alert(num*price);
ids.innerHTML=" <font>"+(price*num)+" </font>";
  }
　　 </SCRIPT>
</head> <body >
<form name="myform">
        　
        <label id = "danwei"> </label>
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="10%" height="41" align="center">　产品1单价:7$ </td>
                <td width="20%"> <label id="danjia"> </label>
数量:
  <input type="text" name="shuliang" value="" onChange="math(myform.shuliang,7,one)"> </td>
                <td width="4%">总价:
                <label id = "danwei"> </label> </td>
                <td width="7%" id="one" name="one">  </td>
                <td width="59%">  </td>
              </tr>
              <tr>
                <td height="33" align="center"> 产品1单价:8$ </td>
                <td>数量:
                <input type="text" name="shuliang2" value="" onChange="math(myform.shuliang2,8,two)"> </td>
                <td>总价:
                  <label id="zongjia"> </label>
                  <label id = "danwei"> </label> </td>
                <td id="two" name="two">  </td>
                <td>  </td>
              </tr>
              <tr>
                <td height="106" align="center">产品1单价:9$ </td>
                <td>数量:
                <input type="text" name="shuliang3" value=""  onChange="math(myform.shuliang3,9,three)"> </td>
                <td>总价: <label id = "danwei"> </label> </td>
                <td id="three" name="three" >  </td>
                <td>  </td>
              </tr>
            </table>
            <br>
　　
<input type="reset" name="button" id="button" value="重置表单">
</form>
</body>
</html>
好了，我测试了，你试试看看行不行！