JS操作table,涉及到rowspan

xxmiaoyong126com 2010-05-19 11:11:16
<tr id="r1">
<td noWrap rowspan=3>项目1</td><td noWrap rowspan=3>10</td><td noWrap rowspan=3><INPUT type=text size='10' name=cutM100421041374841 id=cutM100421041374841 value=0></td>
<td noWrap><input name="M100421041374841" type="checkbox" onclick="cutscore(this);" value="5" >戴手表</td>
</tr>

<tr id="r2">
<td noWrap><input name="M100421041374841" type="checkbox" onclick="cutscore(this);" value="2" >内容04</td>
</tr>

<tr id="r3">
<td noWrap><input name="M100421041374841" type="checkbox" onclick="cutscore(this);" value="3" >戴帽子</td>
</tr>


<tr id="r4">
<td noWrap rowspan=1>项目17</td><td noWrap rowspan=1>20</td><td noWrap rowspan=1><INPUT type=text size='10' name=cutM100512056391014 id=cutM100512056391014 value=0></td>
<td noWrap><input name="M100512056391014" type="checkbox" onclick="cutscore(this);" value="4" >内容09</td>
</tr>


如果我点击r2里面的checkbox,触发事件onclick="cutscore(this);"如何把这个value=2添加到r1的第二个td的INPUT type=text里面去,

function cutscore(obj){
var tr=obj.parentElement.parentElement
var cut=obj.parentElement.parentElement.cells[2].firstChild
alert(cut.id)
}
点击第一行的checkbox,正常,
点击第二行的checkbox,报错,
要用DOM的方法哦,
...全文
386 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
xxmiaoyong126com 2010-05-20
  • 打赏
  • 举报
回复
可以的啊,感谢啊,
shan1119 2010-05-20
  • 打赏
  • 举报
回复
参考:
<script>
function cutscore(obj,preL){
var tr=obj.parentElement.parentElement
var cut=obj.parentElement.parentElement
for(var i=0;i<preL;i++)cut=cut.previousSibling;
cut=cut.cells[2].firstChild
//alert(cut.id)
cut.value=obj.value;
}
</script>
<table border=1>
<tr id="r1">
<td noWrap rowspan=3>项目1</td>
<td noWrap rowspan=3>10</td>
<td noWrap rowspan=3><INPUT type=text size='10' name=cutM100421041374841 id=cutM100421041374841 value=0></td>
<td noWrap><input name="M100421041374841" type="checkbox" onclick="cutscore(this,0);" value="5" >戴手表</td>
</tr>

<tr id="r2">
<td noWrap><input name="M100421041374841" type="checkbox" onclick="cutscore(this,1);" value="2" >内容04</td>
</tr>

<tr id="r3">
<td noWrap><input name="M100421041374841" type="checkbox" onclick="cutscore(this,2);" value="3" >戴帽子</td>
</tr>


<tr id="r4">
<td noWrap rowspan=1>项目17</td>
<td noWrap rowspan=1>20</td>
<td noWrap rowspan=1><INPUT type=text size='10' name=cutM100512056391014 id=Text1 value=0></td>
<td noWrap><input name="M100512056391014" type="checkbox" onclick="cutscore(this,0);" value="4" >内容09</td>
</tr>
</table>
xxmiaoyong126com 2010-05-19
  • 打赏
  • 举报
回复
我如果定位到1个tr了,怎么样操作能定位到这个tr的上面1行的tr,。。
xxmiaoyong126com 2010-05-19
  • 打赏
  • 举报
回复
怎么说呢,还是有点不一样的,

我这个问题最主要问题是涉及到rowspan啊,

我再想想把,正好晚上没事,

别的办法也能做,但是感觉JS操作DOM很爽,想通过这个来做,呵呵
xxmiaoyong126com 2010-05-19
  • 打赏
  • 举报
回复
晕死,
我把你的文件复制粘贴做成asp文件,在IE没效果啊,

Mr-Jee 2010-05-19
  • 打赏
  • 举报
回复
http://topic.csdn.net/u/20100519/21/a190fed6-1f1a-44ac-b4e4-ad35a07d1209.html

我刚刚回复了类似的帖子 阁下移步去看看

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧