使用javascript点击添加或删除一行

使用javascript点击添加或删除一行

    <pre name="code" class="html">
<html>
 
<head>
<title>js-sample</title>
 
<script type="text/javascript">
<!--
var count = 1;
function add() {
  var tbl = document.all.ci;
  var rows = tbl.rows.length;
  var tr = tbl.insertRow(rows);
   
  var name = tr.insertCell(0);
  name.innerHTML = '<input type="text">';
  var tel = tr.insertCell(1);
  tel.innerHTML = '<input type="text">';
  var rdo = tr.insertCell(2);
  rdo.innerHTML = '<input type="radio" value="0" name="rdo' + count + '">Yes <input type="radio" value="1" name="rdo' + count + '">No';
  var chk = tr.insertCell(3);
  chk.innerHTML = '<input type="checkbox" value="0" name="chk' + count + '">Modify <input type="checkbox" value="1" name="chk' + count + '">Delete';
  var del = tr.insertCell(4);
  del.innerHTML = '<input type="button" onclick="del(this)" value="Delete">';
  count++;
}
 
function del(btn) {
  var tr = btn.parentElement.parentElement;
  var tbl = tr.parentElement;
  tbl.deleteRow(tr.rowIndex-1);
}
//-->
</script>
</head>
 
<body>
 
<input type="button" onClick="add()" value="Add-Customer">
 
<table border="1" style="width:100%" id="ci" name="ci">
  <caption>customer information</caption>
  <thead>
  <tr>
  <th>Name</th>
  <th>Tel</th>
  <th>Radio</th>
  <th>CheckBox</th>
  <th>?</th>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td><input type="text" value="Zhang San"></td>
  <td><input type="text" value="111"></td>
  <td>
  <input type="radio" value="0" name="rdo">Yes <input type="radio" value="1" name="rdo">No
  </td>
  <td>
  <input type="checkbox" value="0" name="chk">Modify <input type="checkbox" value="1" name="chk">Delete
  </td>
  <td>
  <input type="button" onClick="del(this)" value="Delete">
  </td>
  </tr>
  </tbody>
</table>
 
</body>
</html>

    TIM截图20190114161229.jpg

2018-8-16 16:12:6 工作杂记 次阅读 0条评论
windows【上帝模式】，你没见过的完全控制面板

windows【上帝模式】，你没见过的完全控制面板

        上帝模式，即"God Mode”，或称为“完全控制面板”。是Windows Vista/7系统中隐藏的一个简单的文件夹窗口，但包含了几乎所有Windows系统的设置，如控制面板的功能、界面个性化、辅助功能选项等方方面面的控制设置，用户只需通过这一个窗口就能实现所有的操控，而不必再去为调整一个小小的系统设置细想半天究竟该在什么地方去打开设置窗口。此功能同样适用于所有NT6.0以上(包括6.0)的操作系统。GodMode.{ED7BA470-8E54-465E-825C-99712043E01C}”的秘密就在于“.”后面的函数指令，通过它可以调用Windows中的内置功能。

2018-3-10 11:39:1 工作杂记 次阅读 2条评论
东莞市长荣佳胶袋有限公司简介

东莞市长荣佳胶袋有限公司简介

        东莞市长荣佳胶袋有限公司成立于1997年，十多年来专注于塑料包装袋研发、设计及生产。客户遍及全球100多个国家和地区，并以行业领先的品质优势，得到世界各地的客户的信赖和认可，也成为以要求严格著称的日本市场上，最受欢迎中国软包装企业之一。

2016-7-18 9:33:0 工作杂记 次阅读 0条评论
什么是企业文化-标哥关于企业文化的个人见解

什么是企业文化-标哥关于企业文化的个人见解

    很多时候，我们都会在各种场合听到“企业文化”这个词汇，但是有多少人能够清楚的解释这个所谓“企业文化”到底是什么呢？

    在百度百科上，我查到了关于企业文化的解释是：

2015-3-13 17:31:0 工作杂记 次阅读 0条评论
博客评论页面与博客原文的整合并生成静态页

博客评论页面与博客原文的整合并生成静态页

    私人文章，登录状态下方可查看。

2014-10-25 20:23:0 工作杂记 次阅读 0条评论
网页中表格的各种换行方式

网页中表格的各种换行方式

        在对表格的排版中经常要遇到换行或者不换行的处理；

        不换行：在<td>中加上nowrap,则单元格中的内容总不换行；

        换行：

        1。按字符换行：在<td>中加上

        style="word-break:break-all"

        如

2014-10-23 10:54:0 工作杂记 次阅读 0条评论
2014-9-26下班前有感

2014-9-26下班前有感

        和往常一样，这个点还呆在办公室，每天都是如此，没有例外。         

        一天到晚忙得喝水上厕所的时间都没有，但是如果有人问起，你今天做了什么？我却答不上来，这样的感觉很是郁闷，繁琐的事情，杂乱的事情太多，没有一件是自己能专心致志一天都能在做这一件事的事。导致了一天到晚都很忙，但是却只是瞎忙，没什么成绩，也没什么成就。因此而导致的最终后果是，老板看不到你的成绩，所以，你-升职-无望；加薪-无望。。。。

2014-9-26 22:58:0 工作杂记 次阅读 1条评论
SQL查询当前数据上一条和下一条的记录

SQL查询当前数据上一条和下一条的记录

    SQL查询当前数据上一条和下一条的记录

        id是指当前数据news_id参数

        方法一：
        string preSql = "select top 1 * from news where news_id < " + id + " order by news_id DESC"
        string nextSql = "select top 1 * from news where news_id > " + id + " order by news_id ASC"
        方法二：
        string preSql = "select * from [news] where news_id = (select MAX(news_id) from [news] where news_id<"+ id + ")";
        string nextSql = "select * from [news] where news_id = (select MIN(news_id) from [news] where news_id>"+ id + ")";
2014-9-24 15:39:0 工作杂记 次阅读 0条评论
«12»
控制面板
您好,欢迎到访网站!
  [查看权限]
文章分类
相册列表
搜索
最新留言
网站收藏
友情链接