改变table中checkbox选中行的内容
2009-03-19 23:01
169 查看
我想改变table中checkbox选中行的内容,在网上搜索了一晚上,终于实现了,现在整理如下:
1.定义一个寻找父结点的方法,其函数代码如下:
function searchObjByTagName(obj, tag){
while (obj != null && typeof(obj.tagName) != "undefind") {
if (obj.tagName == tag.toUpperCase())
return (obj);
obj = obj.parentElement;
}
return null;
}
2. 通过选中的checkbox来查找它所在的行(利用上面的函数),并将该行删除;
3.在自己的table刚删除的位置新建一行 ;
4.最后是向tr中添加td,并改变其里面的内容.
其完整的例子如下:
function changerowtext(){
var a = document.getElementsByName("infos")//checkbox的name
for (var i = 0; i < a.length; i++) {
if (a[i].checked) {
//先找到选择的checkbox所在的行,并删除
searchObjByTagName(a[i], "TR").removeNode(true);
//在自己的table刚删除的位置新建一行
var tr = tablename.insertRow(i + 1);//自己table的name
//最后是向tr中添加td,并改变其里面的内容
var td;
for (var j = 0; tablename.rows[0].cells.length; j++) {
td = tr.insertCell();
td.innerHTML = "aaaa";//你要填充的td的内容
}
}
}
}
5.总结一下:这是只是控控制一行,其实也可以控制多行,反正原理都一样,先删除再添加,上面的例子中,我们可以根据i值不同而进行不同的操作。
1.定义一个寻找父结点的方法,其函数代码如下:
function searchObjByTagName(obj, tag){
while (obj != null && typeof(obj.tagName) != "undefind") {
if (obj.tagName == tag.toUpperCase())
return (obj);
obj = obj.parentElement;
}
return null;
}
2. 通过选中的checkbox来查找它所在的行(利用上面的函数),并将该行删除;
3.在自己的table刚删除的位置新建一行 ;
4.最后是向tr中添加td,并改变其里面的内容.
其完整的例子如下:
function changerowtext(){
var a = document.getElementsByName("infos")//checkbox的name
for (var i = 0; i < a.length; i++) {
if (a[i].checked) {
//先找到选择的checkbox所在的行,并删除
searchObjByTagName(a[i], "TR").removeNode(true);
//在自己的table刚删除的位置新建一行
var tr = tablename.insertRow(i + 1);//自己table的name
//最后是向tr中添加td,并改变其里面的内容
var td;
for (var j = 0; tablename.rows[0].cells.length; j++) {
td = tr.insertCell();
td.innerHTML = "aaaa";//你要填充的td的内容
}
}
}
}
5.总结一下:这是只是控控制一行,其实也可以控制多行,反正原理都一样,先删除再添加,上面的例子中,我们可以根据i值不同而进行不同的操作。
相关文章推荐
- 点击table中的一行选中checkbox,并改变该行的颜色
- 功能实现:在table中点击某一行,选中前面的checkbox并改变背景色
- Qt中的QStandardItemModel内容改变并通过TableView同步显示。
- CSS 实现 checkbox radio 选中后文本颜色改变
- table 里面的 checkbox 全选,取消,单选,选中一行后选中行高亮
- tableView cell 选中颜色的改变
- table中内容过长,table改变的问题
- jquery动态生成改变table的数据内容
- jquery判断checkbox是否选中及改变checkbox状态
- jquery判断checkbox是否选中及改变checkbox状态
- jquery判断checkbox是否选中及改变checkbox状态
- 操作gridview,选中行时改变背景色且checkbox被选中,隔行变色,全选变色
- jquery判断checkbox是否选中及改变checkbox状态
- table修改状态改变td内容
- BootStrap-table 复选框默认选中(checkbox)
- android textview时实显示checkbox选中的内容
- 转载:jquery如何来获取label标签里的内容 checkbox选中后获取label标签内容
- 改变tableView中的cell选中的颜色和背景颜色 从父视图上删除所有的子视图
- 为 checkbox 添加事件,使选中和非选中时改变其他几个checkbox的可选状态
- 改变checkbox默认选中状态及取值的实现代码