jQuery动态增加表格一行和删除一行

今天在处理表格的动态增加一行，和删除一行，一开始用js，但是写起来有点复杂，而且不好控制，最后还是用了jQuery，很轻松的就搞定了，代码如下：

$(document).ready(function() {
$("#newBtn").bind("click", function(){
  //alert($("input:checked"));
  $("#myTable").append("<tr><td><input id=\"sd\" type=\"checkbox\" /></td><td><input type=\"text\" /></td></tr>");
  alert(document.getElementById('sd').value);
});

$("#delBtn").bind("click", function(){
  //alert($("input:checked"));
  $("input:checked").parent().parent().remove();
});

});

这样就可以轻松的搞定了，也可以进行多行的删除

jQuery动态增加表格一行和删除一行相关推荐

jquery对表格行列的操作-jquery动态增加表格行或者列
jquery对表格的操作是老生常谈的问题.最近项目中用到了,今天在这里分享一下! 效果大体如下: 分享一下代码吧! html <div class="table-responsive& ...
jQuery动态增加/删除select下来框的option中的selected属性
jQuery动态增加/删除select下来框的option中的selected属性 1.说明:选中下拉框的时候,先清除所有选中的option选项 2.效果截图: 1.说明:选中下拉框的时候,先清除所有 ...
jquery追加html后删除,jquery动态增加删除元素节点
jquery动态增加删除元素节点对于语言编程,不同的思路有着不同的解决办法,Jquery对于动态的ul-li节点的增加删除实力操作思路: 1.做一个按钮用于增加li节点,使用Jquery:appen ...
jQuery动态创建的元素无法删除？—— 事件委派找其静态父级
项目场景: 通过一个小案例学习事件委派时jQuery动态创建的元素无法移除. 问题描述案例需要动态添加表格行,点击GET可以移除此课程.但是后来动态创建的tr无法移除. var newtr = $( ...
jQuery动态增加/删除元素的readonly属性
使用attr方法设置或返回被选元素的属性值 $(selector).attr(attribute,value) attribute:属性的名称 value:属性的值 $("#input&qu ...
java数组如何动态增加、查询、删除元素
一般数组是不能添加元素的,因为数组在初始化时就已定好长度了,不能改变长度. 怎么动态则增加数组元素呢? 使用ArrayList<类型> list = new ArrayList<&g ...
drools动态增加、修改、删除规则
文章目录 1.背景 2.前置知识 1.如何动态构建出一个`kmodule.xml`文件 2.kmodule.xml应该被谁加载 3.我们drl规则内容如何加载 4.动态构建KieContainer 3 ...
jquery动态增加多行文本框并计算值
1.实现的效果如下: 2.第一步首先实现点击增加一行: 默认第一行: <dl id="zprices"><dt><span>产品名称 <f ...
Vue 点击添加一行和删除一行
我用的是:vue + element ui 直接代码. html: <template><el-main><el-button type="primary&q ...

jQuery动态增加表格一行和删除一行

jQuery动态增加表格一行和删除一行相关推荐

最新文章

热门文章