<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> <script type="text/javascript" src="./script/jquery-1.5.min.js"></script> <script type="text/javascript"> var mainTable = "PowerTable"; $(document).ready(function () { checkboxState(); delButtonState(); delButtonState(); $("#addRow").click(function () { var randString = getRand(); var htmlText = "<tr id='" + randString + "'>"; htmlText += "<td width='10'><input class='checkbox' type='checkbox' alt='" + randString + "'/></td>"; htmlText += "<td><input type='text' size='100' style='width:50%;'></td>"; htmlText += "<td><input type='text' size='100' style='width:50%;'></td>"; htmlText += "<td><input type='text' size='100' style='width:50%;'></td>"; htmlText += "<td><input type='text' size='100' style='width:50%;'></td>"; htmlText += "<td><input type='text' size='100' style='width:50%;'></td>"; htmlText += "<td><input type='text' size='100' style='width:50%;'></td>"; htmlText += "</tr>"; $("#" + mainTable).append(htmlText); checkboxState(); }); $("#delRow").click(function () { $(".checkbox").each(function () { var findT = $(this).attr("alt").substr(0, 1); if ($(this).attr("checked")) { if (findT == "T") { $("#" + $(this).attr("alt")).remove(); } else { alert("ajax"); } $("#checkbox").attr("checked", false); } }); checkboxState(); delButtonState(); }); $("tr td").live("keydown", function () { }); $("#checkbox").click(function () { checkboxState(); $(".checkbox").attr("checked", $(this).attr("checked")); delButtonState(); }); $(".checkbox").live("click", function () { if ($(this).attr("checked")) { $("#delRow").attr("disabled", false); } else { delButtonState(); } }); }); function delButtonState() { $("#delRow").attr("disabled", true); var checkboxArr = $(".checkbox"); for (var i = 0; i < checkboxArr.length; i++) { if ($(checkboxArr[i]).attr("checked")) { $("#delRow").attr("disabled", false); break; } } } function checkboxState() { if ($(".checkbox").length > 0) { $("#checkbox").attr("disabled", false); } else { $("#checkbox").attr("disabled", true); $("#checkbox").attr("checked", false); } } function getRand() { var randString = "T"; var dateRand = new Date(); randString += dateRand.getFullYear(); randString += dateRand.getMonth() + 1; randString += dateRand.getDate(); randString += dateRand.getHours(); randString += dateRand.getMinutes(); randString += dateRand.getSeconds(); randString += dateRand.getMilliseconds(); return randString; } </script> </head> <body> <table width="100%" border="1" cellSpacing="0" cellPadding="2" id="PowerTable"> <tr align="middle" bgColor="#ffcc00"> <th width=10> <input id="checkbox" type="checkbox"/> </th> <th> 票证名称 </th> <th> 领取数量 </th> <th> 字轨 </th> <th> 起始号码 </th> <th> 终止号码 </th> <th> 备注 </th> </tr> <tr id="201131516146490"> <td width="10"><input class="checkbox" alt="201131516146490" type="checkbox"></td> <td><input size="100" style="width: 50%;" type="text"></td> <td><input size="100" style="width: 50%;" type="text"></td> <td><input size="100" style="width: 50%;" type="text"></td> <td><input size="100" style="width: 50%;" type="text"></td> <td><input size="100" style="width: 50%;" type="text"></td> <td><input size="100" style="width: 50%;" type="text"></td> </tr> <tr id="201131516147235"> <td width="10"><input class="checkbox" alt="201131516147235" type="checkbox"></td> <td><input size="100" style="width: 50%;" type="text"></td> <td><input size="100" style="width: 50%;" type="text"></td> <td><input size="100" style="width: 50%;" type="text"></td> <td><input size="100" style="width: 50%;" type="text"></td> <td><input size="100" style="width: 50%;" type="text"></td> <td><input size="100" style="width: 50%;" type="text"></td> </tr> <tr id="201131516147863"> <td width="10"><input class="checkbox" alt="201131516147863" type="checkbox"></td> <td><input size="100" style="width: 50%;" type="text"></td> <td><input size="100" style="width: 50%;" type="text"></td> <td><input size="100" style="width: 50%;" type="text"></td> <td><input size="100" style="width: 50%;" type="text"></td> <td><input size="100" style="width: 50%;" type="text"></td> <td><input size="100" style="width: 50%;" type="text"></td> </tr> <tr id="201131516148516"> <td width="10"><input class="checkbox" alt="201131516148516" type="checkbox"></td> <td><input size="100" style="width: 50%;" type="text"></td> <td><input size="100" style="width: 50%;" type="text"></td> <td><input size="100" style="width: 50%;" type="text"></td> <td><input size="100" style="width: 50%;" type="text"></td> <td><input size="100" style="width: 50%;" type="text"></td> <td><input size="100" style="width: 50%;" type="text"></td> </tr> </table> <input type="button" value="新增行" id="addRow"> <input type="button" value="删除行" id="delRow"> </body> </html>
发表评论
文章已被作者锁定,不允许评论。
-
10个你应该知道的Java正则表达式的例子
2014-04-29 11:24 387转载:10个你应该知道 ... -
Jqyery查找器
2012-02-06 18:04 0fdsfdsf -
event.keyCode
2011-12-12 19:46 648event.keyCode键值表 keycode 0 = ke ... -
javascript弹出窗口
2011-06-09 11:26 711javascript弹出窗口 window.open ( ... -
jQuery测试用品
2011-05-12 17:33 468var testDiv= $("#testDiv&q ... -
jQuery验证
2011-05-12 17:18 708var isError = false; var membe ... -
让IE支持getElementsByClassName
2011-03-10 12:22 1283if (navigator.appName == 'Micro ... -
Java总结
2010-09-06 15:22 466Java本身是很好的,自从第三方的框架出现后.各有各的出色的配 ... -
开发参考手册大全
2010-07-14 13:23 260名称 网址 ... -
Java框架缺包异常总结
2010-07-14 13:22 920编程时使用的struts,spring,hibernate ...
相关推荐
js 表格编辑 插入行 删除行 编辑数据 将表格内容生产json格式
本效果带tab切换效果。...js实现自动添加删除一行。添加删除时序号自动改变。每一行后面有添加一行按钮,点击时自动在点击行的下面添加一行。新添加行有文本框,文本框输入值失去焦点后自动变为输入的值。
动态插入、添加删除表格行的JS代码,网页表格操作必要的知识
JS 实现动态插入输入框以及删除、位置调换
纯js无刷新控制表格排序,插入,删除,移动行或列,导出表格,增加表头等功能,测试通过。
JSP中使用JavaScript动态插入删除输入框实现代码.docx
NULL 博文链接:https://pridesnow.iteye.com/blog/465434
一款可以像excel一样进行编辑的前端表格,可以进行表格的编辑,合并,删除行,插入行等操作。里面有例子, 直接打开html文件可以看到一个例子表格
下拉框的内容通过js的insertRow插入到table中,通过delRow删除table中的行
对表格的行和列进行插入/删除,并对每行添加行号
插入删除表格,用javascript实现,动态增加行和删除行,很简单。
JavaScript_数组方法-删除、插入、替换.源码
主要介绍了vuejs element table 表格添加行,修改,单独删除行,批量删除行操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
本文为大家介绍下JavaScript字符串的插入、删除、替换函数的在实际中的应用,想要学习的朋友可以参考下哈,希望对初学者有所帮助
主要介绍了JS常见DOM节点操作,结合实例形式分析了JavaScript针对DOM节点的创建 ,插入,删除,复制,查找等操作相关函数与使用技巧,需要的朋友可以参考下
原生的Js文件上传
* 删除数组元素:Array.removeArr(index) */ Array.prototype.removeArr = function (index) { if (isNaN(index) || index>= this.length) { return false; } this.splice(index, 1); } /* * 插入数组元素:...
JavaScript代码: 代码如下: ...//在最后一行插入 /**插入第一列**/ obj.insertCell(0); obj.cells(0)[removed]=”选项” + (len+1) + “:<input type=text name=option size=28>”; } function deleterow()
修改自Google工程师写的那个swfobject 2.2版本 删除掉一些不常用的功能减少文件大小 并增加一种更人性化的FLASH插入标签 格式型如 如 支持 右键 如需要屏蔽右键 请置 rightclick值为no 如使用右键屏蔽功能 支持除...
language="JavaScript" src="js125/Std_StranJF.Js" type="text/javascript"> 2:UTF-8码的插入:切换繁体中文浏览</a><script language="JavaScript" src="js125/big52gb.Js" type="text/javascript"> ...