jquery表格（添加，删除）总计数据+增添数据

最新推荐文章于 2023-05-26 15:00:18 发布

刘书门第

最新推荐文章于 2023-05-26 15:00:18 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/qq_41442084/article/details/79979726

版权

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="js/jquery-1.11.0.min.js" ></script> <title

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <script type="text/javascript" src="js/jquery-1.11.0.min.js" ></script>
  <title></title>
  <style>
   .tr1{
    background: red;
   }
   .tr2{
    background: #90EE90;
   }
  </style>
  <script>


   var index = 1;
   var upindex ;
   var uptr ;
   var allPrice = 0;
   var oldPrice;
   $(document).ready(function(){

    $("#btn1").click(function(){
     var _tr;//定义添加的行的开始标签中间添加class样式
     //设置隔行的颜色
     if(index%2 == 0){
      _tr = "<tr class='tr1'>";
     }else{
      _tr = "<tr class='tr2'>";
     }
     var nameV = $("#id1").val();//得到名字
     var priceV = $("#id2").val();//得到价钱
     var countV = $("#id3").val();//得到数量
     //拼装完整的行
     var newTr = _tr + "<td align='center'>"+index+"</td>"
     +"<td align='center'>"+nameV+"&

最低0.47元/天解锁文章

刘书门第

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
jquery表格（添加，删除）总计数据+增添数据

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;script type="text/javascript" src="js/jquery-1.11.0.min.js" &gt;&lt;/script&gt; &lt;title
复制链接

扫一扫