JQuery动态求和的方法

主机百科更新于 2020-07-23 01:33:55首发于 2020-07-23 01:33:55技术134

HTML代码：

   <table border="1" cellspacing="0">      <thead>          <th></th>          <th>语文</th>          <th>数学</th>          <th>英语</th>          <th>总分</th>      </thead>      <tbody>          <tr>              <td></td>              <td><input type="text" placeholder="–" onkeyup="total()"></td>              <td><input type="text" placeholder="–" onkeyup="total()"></td>              <td><input type="text" placeholder="–" onkeyup="total()"></td>              <td id="row1"></td>          </tr>          <tr>              <td></td>              <td><input type="text" placeholder="–" onkeyup="total()"></td>              <td><input type="text" placeholder="–" onkeyup="total()"></td>              <td><input type="text" placeholder="–" onkeyup="total()"></td>              <td></td>          </tr>          <tr>              <td>合计</td>              <td id="col1"></td>              <td></td>              <td></td>          </tr>      </tbody>  </table>

JQuery代码：

   function total(){      var colTotal = 0;      var rowTotal = 0;      //  计算列和      $('table tr:gt(0)').each(function(){          if(parseFloat($(this).find('td:eq(1) input[type="text"]').val())){              colTotal += parseFloat($(this).find('td:eq(1) input[type="text"]').val());          }      });      $('#col1').text(colTotal);      //  计算行和      $('table tr:eq(1) td input[type="text"]').each(function(){          if(parseFloat($(this).val())){              rowTotal += parseFloat($(this).val());          }      });      $('#row1').text(rowTotal);  }

未经允许不得转载：主机百科 » JQuery动态求和的方法

0 赞

JQuery动态求和的方法

相关文章

置顶推荐

随机推荐

热门排行