/*
<input type="button" id="zj" value="增加"/>
<input type="button" id="sc" value="删除"/>
<div>
<table id="table" border="1" >
<tr>
<td><input type="checkbox" id="ck_0" name="ck_0"/></td>
<td editTemplate="td1">开始符号</td>
<td editTemplate="td2">开始值</td>
<td editTemplate="td3">结束符号</td>
<td editTemplate="td4">结束值</td>
</tr>
</table>
</div>
<input type="button" id="bc" value="保存"/>
<textarea id="td1" style="display:none">
<select name="begin_type">
<option value=">">大于</option>
<option value=">=">大于等于</option>
<option value="=">等于</option>
</select>
</textarea>
<textarea id="td2" style="display:none">
<input type="text" name="begin" />
</textarea>
<textarea id="td3" style="display:none">
<select name="end_type">
<option value="<">小于</option>
<option value="<=">小于等于</option>
<option value="=">等于</option>
</select>
</textarea>
<textarea id="td4" style="display:none">
<input type="text" name="end"/>
</textarea>
*/
//根据table id 添加行
function addRow(table_id){
var rows=$("#"+table_id);
var vNum=$("#"+table_id+" tr").size();
var vTr=$("#"+table_id+" tr:first");
var tClone=vTr.clone(true);
var tr_id = "tr_"+vNum;
tClone[0].id=tr_id
tClone.appendTo(rows);
$("#"+table_id+" #"+tr_id+" input[type='checkbox']")[0].id="ck_"+vNum;
$("#"+table_id+" #"+tr_id+" input[type='checkbox']").unbind("click");
$("#"+table_id+" #"+tr_id+" input[type='checkbox']")[0].value=tr_id;
var tds = $("#"+table_id+" #"+tr_id+" td");
for(var i=1;i<tds.size();i++){
tds[i].innerHTML=$("#"+tds[i].editTemplate).val();
}
}
//根据table id 删除行,将行禁用掉,以备以后修改成禁用修改
function removeRow(table_id){
$('#'+table_id+' input[type="checkbox"]').not("#ck_0").each(function(){
if(this.checked){
$("#"+this.value)[0].style.display="none";
}
});
}
//返回表格中所有的数据的json数据,已备传至后台
function getJsonString(table_id){
var trd = "[";
$("#"+table_id+" tr").not("#"+table_id+" tr:first").each(function(){
if(this.style.display!= "none"){
var tds = $("#"+table_id+" #"+this.id+" td");
var tdd = "{";
for(var i=1;i<tds.size();i++){
if(tdd=="{"){
tdd=tdd+"\""+tds[i].childNodes[0].name+"\":\""+tds[i].childNodes[0].value+"\"";
}else{
tdd=tdd+",\""+tds[i].childNodes[0].name+"\":\""+tds[i].childNodes[0].value+"\"";
}
}
tdd=tdd+"}";
if(trd=="["){
trd=trd+tdd;
}else{
trd=trd+","+tdd;
}
}
});
trd=trd+"]";
return trd;
}
//返回表格中所有的数据的json数据,已备验证
function getJson(table_id){
return $.parseJSON(getJsonString(table_id));
}
分享到:
相关推荐
JQuery动态添加删除table行
下面小编就为大家带来一篇利用jquery给指定的table动态添加一行、删除一行的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本文实例讲述了jQuery实现为table表格动态添加或删除tr功能。分享给大家供大家参考,具体如下: HTML页面元素如下: <!-- 订单明细dialog --> 销售订单明细 xss=removed> <table class=exhibit_table id=...
需求场景 1)、添加一行 支持在任意行添加一行且可配置的,如可在第一行添加一行、第二行添加一行、倒数第一行添加一行、倒数第...4、对选中行进行删除,现点击“删除”按钮就会把选中的行删除掉,效果如下截图: 核心
使用jquery对行列进行删除、新增,动态添加。
jQuery 动态添加或删除表格行特效,每点击一次添加,会添加一个表格单元格,点击删除会删掉所有行,基于jQuery插件完成,想研究的朋友下载一看。
本文实例讲述了jQuery实现html table行Tr的复制、删除、计算功能。分享给大家供大家参考,具体如下: 添加行: function addtr(){ var tr = $(#tb tr).eq(0).clone(); tr.appendTo(#tb); //tr.insertBefore(#tb ...
jquery table 添加、删除行、列
动态表格,功能为点击添加按钮,表格增加一行并给其name属性赋予的值,点击删除,自动删除这一行,具体实现如下
今天在项目中,刚好用到给指定的table添加一行、删除一行,就直接找google,搜出来的东西不尽如人意,不是功能不好就是千篇一律,简直浪费时间还不讨好,于是乎就自己动手封装个,现就把代码分享出来,避免大伙重复...
主要介绍了JS/jQuery实现超简单的Table表格添加,删除行功能,结合实例形式详细分析了JS与jQuery针对Table表格添加,删除行功能的相关实现技巧,需要的朋友可以参考下
jQuery表格编辑添加删除行插件是一款表格插件,默认设置json数据动态生成表格。
jquery table display(jquery表格添加删除操作)
jquery入门之动态表格---动态添加一行
jQuery实现表格的增加、修改、删除、保存代码
对表单进行复制 同时可以根据输入内容添加后动态生成 HelperTable.Copy.run({ defaultData:data,//加载的数据 tableElement:"#rowContent",//列表容器 indexField:'id',//指定唯一标识 数据唯一标识...
最近需要使用JQuery动态操作table,自己整理了一下,可以添加新行,删除选中的一行或多行,简单代码如下