js动态添加删除table中的行
2009-07-28 07:51
316 查看
<mce:script language="javascript" type="text/javascript"><!-- function $g(id){ return document.getElementById(id); } function ClickItem(obj){ var table = $g("task_list"); var tbody = $g("task_list").childNodes[0]; //var obj_item = obj.parentNode.parentNode.getElementsByTagName("td"); var tr = $g("tr_"+obj.value); if(obj.checked){ if(tr == null){ var curr_row = obj.parentNode.parentNode; var newRow = table.insertRow(-1); newRow.id = "tr_"+obj.value+""; for(var i=0; i < curr_row.cells.length;i++){ var cel = curr_row.cells[i]; var newCel = newRow.insertCell(-1); if(i == 0){ //第一个单元格 var input; if(window.ActiveXObject){ input = document.createElement("<input type='checkbox' name='check' checked='checked'>"); } else{ input = document.createElement("input"); input.setAttribute("type","checkbox"); input.setAttribute("checked","true"); } input.setAttribute("disabled","true"); newCel.appendChild(input); newCel.appendChild(document.createTextNode(" "+obj.value)); } else{ if (i != curr_row.cells.length-1 ){ //最后一个单元格不添加任何内容 newCel.setAttribute("align","center"); newCel.innerHTML = cel.innerHTML; } } } } } else{ if(tr != null){ tbody.removeChild(tr); } } } // --></mce:script>
调用:
<input name="chk_id" id="chk_id" type="checkbox" value="1" onclick="ClickItem(this);" />
相关文章推荐
- JS小功能(操作Table--动态添加删除表格及数据)实现代码
- js动态给table添加/删除tr的方法
- js动态给table添加/删除tr的方法
- JS小功能(操作Table--动态添加删除表格及数据)实现代码
- js动态添加table表的一行和删除一行
- js动态给table添加/删除tr
- js实现对table动态添加、删除和更新的方法
- js动态给table添加/删除tr的方法
- JS小功能(操作Table--动态添加删除表格及数据)实现代码
- js 创建 table 动态添加删除表格行(转)
- js动态给table添加/删除tr
- 点滴积累【JS】---JS小功能(操作Table--动态添加删除表格及数据)
- 利用js动态添加删除 table的行
- js实现对table动态添加、删除和更新的方法
- js动态添加和删除table的行例子
- js 动态操作table 表格 在指定行后添加行 删除行
- 使用js实现对table的动态添加、删除和更新
- jquery实现table动态添加行、删除行以及行的上移和下移
- ready和onload比较;可以在下面的script里面调用先前script;动态为元素添加事件;浮动广告;js添加删除tr
- JS实现动态添加和删除DIV