如何获得不同行的不同求和值

我正在构建一个评分表表单,该表单将自动计算教师输入的总分。我尝试使用 jquery 代码来做到这一点。在表中,行将通过 php for 循环动态添加。我想要不同行的不同结果。在这种表格中,一行一个学生,学生列表动态添加到来自我的数据库的表行中。请注意:对不同的行使用不同的 id 或不同的类名,这是行不通的,因为表行是动态出现的。

http://img4.mukewang.com/615fd33e000175ee05900159.jpg

      <html>

        <head>    

      <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 

      <title>Auto Sum Table</title>


     </head>


      <body>

      <script src="http://code.jquery.com/jquery-1.12.1.min.js"></script>

      <script type="text/javascript">

    $(document).on("change", ".qty1", function() {

    var sum = 0;

    $(".qty1").each(function(){

    sum += +$(this).val();

    });

    $(".total").val(sum);

    });

      </script> 

    <table cellpadding="0" cellspacing="0">

      <tr>

    <td><p>1st subject</p></td>

   <td><p>2nd subject</p></td>

   <td><p>total mark</p></td>

    </tr>

    <tr>

  <td><input type="text" class="qty1" ></td>

  <td><input type="text" class="qty1" ></td>

  <td><input type="text" class="total"></td>

  </tr>

  <tr>

  <td><input type="text" class="qty1" ></td>

  <td><input type="text" class="qty1" ></td>

  <td><input type="text" class="total"></td>

   </tr>

   </table>


    </body>

     </html>


蛊毒传说
浏览 107回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP