`

仍一个能增减行的javascript

    博客分类：
  • java
JavaScriptJ#HTML 
阅读更多

<html><head>
 <script language="javascript">
     var rowIndex = 0;
     function addOneLineOnClick() {
         var row=tb.insertRow(tb.rows.length);
                col = row.insertCell(0);
                col.innerHTML = "<tr><input size='90'  name=btn index=\""+ rowIndex +"\" >";
                col = row.insertCell(1);
                col.innerHTML = "<input type='button' value='删除'  onclick=\"return DeleteRow('row" + rowIndex +"')\"></tr>";
               row.setAttribute("id", "row" + rowIndex);
               row.setAttribute("name", "row" + rowIndex);
               rowIndex++;
   }
 function DeleteRow(rowTag){
               var i = tb.rows(rowTag).rowIndex;
               var j;
               for(j=i;j<=rowIndex;j++) { 
               tb.rows(j).cells(0).all("btn").index--; 
  }
               tb.deleteRow(i);
               rowIndex--;
 }

</script>
</head>
<body >
  <div align="center">
      <table width="95%" name="tb" id="tb">
  <tr>
  </tr>
      </table>
 <p>
 <input name="btnAddLine" type="button" id="btnAddLine" onClick="return addOneLineOnClick()" value="加入一行">
 </div>
</body>
</html>

分享到：
| 最爱巴乔（生活就是一场挑战，就象踢点球）
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript

    JavaScript可以提供一个函数来清除购物车中的所有商品，并相应地更新界面。 7. 原型与继承：在“购物车原型.html”可能涉及到JavaScript的面向对象编程。在JavaScript中，原型链允许对象间共享属性和方法，从而实现...

    javascript实现购物车

    LocalStorage是常用于此类场景的选择，它可以在浏览器关闭后仍能保存数据。 2. **商品对象**：每个添加到购物车的商品都可以抽象为一个对象，包含商品ID、名称、价格、数量等属性。这样方便进行后续的计算和操作。 ...

    javascript之购物车.zip

    这个"javascript之购物车.zip"压缩包可能包含了一个实现购物车功能的实例，通过HTML页面（购物车.html）和可能的图片资源（img目录）。在这里，我们将深入探讨JavaScript在购物车实现中的关键知识点。 首先，...

    js 购物车代码

    1. **添加商品**：用户点击“加入购物车”按钮时，JavaScript会捕获此事件，将商品信息（如ID、名称、价格、图片等）存储到购物车数据结构中，通常是一个数组或对象。 2. **显示购物车**：页面上有一个购物车图标，...

    web-原生js实现购物车

    本教程将探讨如何使用原生JavaScript实现一个基础的购物车功能，这将涵盖一些核心概念，包括DOM操作、数据存储和用户交互。 首先，购物车的核心功能包括添加商品、删除商品、更新商品数量以及计算总价。在...

    前端html制作的乒乓球游戏.zip

    7. 游戏状态管理：为了跟踪游戏的当前状态（如游戏进行、暂停、结束），开发者需要创建并维护一个游戏状态变量。当状态改变时，相关的更新和渲染操作随之进行。 8. 数据存储：虽然这是一个简单的游戏，但可能还是...

    jQuery实现手机购物车商品结算功能特效源码.zip

    jQuery是一个广泛使用的JavaScript库，简化了DOM操作、事件处理和动画效果，使得开发更高效。 在购物车功能中，主要涉及以下几个核心知识点： 1. **DOM操作**：jQuery库简化了对HTML元素的操作，如选择元素、添加...

    Supermarket_Managment_System

    通过JavaScript，开发者可以创建一个动态的商品数据库，包括商品的名称、价格、库存等信息。当新的商品入库或售出时，JavaScript可以实时更新库存数据，确保信息的准确无误。此外，JavaScript还可以实现商品分类和...

    基于jq的购物车-移动端购物车

    我们可以使用JavaScript的`localStorage`或`sessionStorage`来持久化这些数据，以便在页面刷新或关闭后仍能恢复购物车状态。 5. **计算总价**： 当商品数量发生变化时，总价需要实时更新。我们可以通过遍历购物车...

    JQuery实现的购物车.zip

    JQuery是一个流行的JavaScript库，它简化了JavaScript的DOM操作、事件处理、动画制作和Ajax交互。通过使用JQuery，开发者可以更高效地编写跨浏览器的JavaScript代码。 在购物车实现中，以下是一些关键知识点： 1. ...

    微信小程序-购物车功能 精品源代码

    7. **缓存策略**：为了提高用户体验，购物车信息可以在本地缓存，即使用户退出小程序，再次打开时仍能恢复之前的状态。微信小程序提供了`wx.getStorage()`和`wx.setStorage()`接口进行数据缓存。 8. **支付接口集成...

    HTML12-Device模板官网落地页APP主页产品宣传页源码 landing静态页面.zip

    该压缩包文件“HTML12-Device模板官网落地页APP主页产品宣传页源码 landing静态页面.zip”包含了一个用于创建专业级别的网站落地页、APP主页或产品宣传页的HTML源码模板，名为“HTML12-Device”。这个模板设计精良，...

    仿网易严选的小程序设计

    在本文中，我们将深入探讨如何设计一个仿网易严选的小程序。小程序作为一种轻量级的应用形式，无需安装即可使用，深受用户喜爱。本项目基于微信小程序进行开发，旨在实现一个功能完善、用户体验良好的在线购物平台。...

    php+mysql+js实现购物车效果

    在IT行业中，构建一个在线购物平台是常见的任务，其中购物车功能是不可或缺的一部分。本项目以"PHP+MySQL+JS"为核心技术栈，实现了购物车的动态效果，并且结合了图片上传与修改功能，为用户提供更丰富的交互体验。...

    create_Cart

    "create_Cart"这个项目可能是一个关于创建购物车功能的示例或教程。在Web应用中，购物车是必不可少的一部分，它允许用户选择商品并暂存这些选择，以便在结账时进行支付。 在JavaScript中实现购物车功能通常涉及以下...

    仿京东商城购物车小程序源码.zip

    6. **数据持久化**：为了保存用户的购物车信息，源码可能使用了微信小程序的本地存储API，如`wx.setStorageSync`和`wx.getStorageSync`，以便用户在下次打开小程序时仍能找回购物车内容。 7. **支付接口集成**：...

    html5积分商城

    HTML5 积分商城是一种基于Web的电子商务平台，利用HTML5技术进行开发，旨在提供一个交互性强、用户体验优良的积分兑换环境。HTML5是超文本标记语言（HTML）的第五个版本，它引入了许多新的特性和功能，提升了网页的...

    该文件是一种基于JavaWeb的银行转账业务

    这可能包括数据库查询优化、缓存策略的使用、负载均衡和集群技术等，以确保在大量用户同时进行转账时，系统仍能高效运行。 以上就是基于JavaWeb的银行转账业务涉及的主要知识点，包括前端交互、后端处理、数据库...

    ASP基于WEB的商场管理系统的设计与实现(源代码+设计说明书).zip

    在本项目"ASP基于WEB的商场管理系统的设计与实现"中，开发者利用ASP技术构建了一个全面的在线商城平台，旨在提供商品展示、购物车管理、订单处理等一系列功能，以满足电子商务的需求。 首先，系统的前端设计通常...

    2021-2022计算机二级等级考试试题及答案No.4748.docx

    - **对象通信机制**：在面向对象编程中，一个对象请求另一个对象为其服务的方式通常是通过**发送消息**的形式实现。这种方式符合面向对象编程的基本原则之一——封装。 ### 8. 查询与视图的区别 - **查询与视图**...

Magicbox
Global site tag (gtag.js) - Google Analytics