一小问题

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<script language="JavaScript">
function resu(){
if((document.forms[0].textfield.value !="")||(document.forms[0].textfield2.value !=""))
result.innerText = eval(document.forms[0].textfield.value * document.forms[0].textfield2.value)}</SCRIPT>
<body>
<form name="form1" method="post" action="">
  <input type="text" name="textfield" onKeyup= resu()>
  <input type="text" name="textfield2" onKeyup= resu()>
<div id="result"></div>
</form>
</body>
</html>

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>无标题文档</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head>
    <script language="JavaScript">
    function resu(){
    for (i=1;i<7;i++){
       eval("c"+i).innerText = eval("document.forms[0].a"+i+".value") * eval("document.forms[0].b"+i+".value");
     }
    //alert(bbb);
    }</SCRIPT>
    <body>
     <form name="form2" method="post" action="">
      <table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td ><input type="text" name="a1" onKeyup= resu()></td>
          <td ><input type="text" name="b1" onKeyup= resu()></td>
          <td><div id="c1"></div></td>
        </tr>
        <tr>
          <td ><input type="text" name="a2" onKeyup= resu()></td>
          <td ><input type="text" name="b2" onKeyup= resu()></td>
          <td><div id="c2"></div></td>
        </tr>
        <tr>
          <td ><input type="text" name="a3" onKeyup= resu()></td>
          <td ><input name="b3" type="text" id="b3" onKeyup= resu()></td>
          <td><div id="c3"></div></td>
        </tr>
        <tr>
          <td ><input type="text" name="a4" onKeyup= resu()></td>
          <td ><input type="text" name="b4" onKeyup= resu()></td>
          <td><div id="c4"></div></td>
        </tr>
        <tr>
          <td ><input type="text" name="a5" onKeyup= resu()></td>
          <td ><input type="text" name="b5" onKeyup= resu()></td>
          <td><div id="c5"></div></td>
        </tr>
        <tr>
          <td ><input type="text" name="a6" onKeyup= resu()></td>
          <td ><input type="text" name="b6" onKeyup= resu()></td>
          <td><div id="c6"></div></td>
        </tr>
      </table><div id="d"></div>
    </form>
    <p>&nbsp;</p>
    </body>
    </html>
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>无标题文档</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head>
    <script language="JavaScript">
    function resu(){
    for (i=1;i<7;i++){
       eval("c"+i).innerText = eval("document.forms[0].a"+i+".value") * eval("document.forms[0].b"+i+".value");
     }
    d.innerText = parseInt(c1.innerText) + parseInt(c2.innerText) + parseInt(c3.innerText) + parseInt(c4.innerText) + parseInt(c5.innerText) + parseInt(c6.innerText);
    }</SCRIPT>
    <body>
     <form name="form2" method="post" action="">
      <table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td ><input type="text" name="a1" onKeyup= resu()></td>
          <td ><input type="text" name="b1" onKeyup= resu()></td>
          <td><div id="c1"></div></td>
        </tr>
        <tr>
          <td ><input type="text" name="a2" onKeyup= resu()></td>
          <td ><input type="text" name="b2" onKeyup= resu()></td>
          <td><div id="c2"></div></td>
        </tr>
        <tr>
          <td ><input type="text" name="a3" onKeyup= resu()></td>
          <td ><input name="b3" type="text" id="b3" onKeyup= resu()></td>
          <td><div id="c3"></div></td>
        </tr>
        <tr>
          <td ><input type="text" name="a4" onKeyup= resu()></td>
          <td ><input type="text" name="b4" onKeyup= resu()></td>
          <td><div id="c4"></div></td>
        </tr>
        <tr>
          <td ><input type="text" name="a5" onKeyup= resu()></td>
          <td ><input type="text" name="b5" onKeyup= resu()></td>
          <td><div id="c5"></div></td>
        </tr>
        <tr>
          <td ><input type="text" name="a6" onKeyup= resu()></td>
          <td ><input type="text" name="b6" onKeyup= resu()></td>
          <td><div id="c6"></div></td>
        </tr>
      </table><div id="d"></div>
    </form>
    <p>&nbsp;</p>
    </body>
    </html>