js将追加的某行tr删除
来源:互联网 发布:淘宝双12店铺活动方图 编辑:程序博客网 时间:2024/06/06 01:18
Html代码:
<table id="show1" style=" width: 151px;height: 63px;border: 2px;">
<!-- <tr><td>表名</td></tr> -->
</table>
Js代码:知识涉及复选框的选中后放在数组中 和 对追加的行进行单行删除
<script type="text/javascript">
$(document).ready(function(){
$("#add").click(function(){
var obj=$("input[name=test]");
var check_val = [];
for(k in obj){
if(obj[k].checked)
check_val.push(obj[k].value);
}
if($("#show1").html("")!=null){
$("#show1").html("");
}
for(var i=0;i<check_val.length;i++){
$("#show1").append("<tr><td>"+check_val[i]+"</td><td><input name="+check_val[i]+" type=\"button\" value=\"删除\" onclick=\"del('"+check_val[i]+"')\"></td></tr>");
}
});
});
将追加的某行tr删除
function del(tablename){
var input = $("input[name="+tablename+"]");
var tr = input.parent().parent();
tr.remove();
}
- js将追加的某行tr删除
- 超好用的删除行tr js代码
- jquery 追加tr和删除tr
- shineforce jquery 追加tr和删除tr
- jquery 追加tr和删除tr 编辑
- js删除table第0行以后的tr
- Table中删除Tr的JS实现
- js删除tr一行的解决方案
- js实现table添加行tr、删除行tr、清空行tr
- JS删除行tr,以隐藏方式删除表格
- 简单的HTML中TAB分页实现,js控制页面tr行新增、删除、修改
- Js操作表格-对表格TR的添加/删除/拷贝
- js动态控制table的tr,td增加及删除
- js控制新增,删除table的tr,td
- JS实现添加和删除TR行(一)
- Jquery 实现html table 行 Tr 的复制 . table追加 消除
- js操作html增加删除tr/td
- js动态给table添加/删除tr
- collectionView的注意事项
- secureCRT
- 树 - (二叉查找树,红黑树,B树)二叉树
- eclipse中svn插件的安装
- ZooKeeper 解惑
- js将追加的某行tr删除
- 跟我一起写 Makefile(四)
- Bash的24个陷阱分析
- MyBatis简介与配置MyBaits+Spring+MySql
- What are the differences between Apache Kafka and RabbitMQ?
- javascript原型链初识
- 软件过程与方法---课堂总结2 第三章 惯例过程模型
- CocoaPods制作
- jQuery全屏滚动插件fullPage.js