js 将表中多行内容显示在div中
展开全部
<body>
<table>
<tr>
<td><input type="checkbox" /></td>
<td>11111</td>
<td>11111</td>
<td>11111</td>
<td>11111</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>22222</td>
<td>22222</td>
<td>22222</td>
<td>22222</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>33333</td>
<td>33333</td>
<td>33333</td>
<td>33333</td>
</tr>
</table>
<div id="div1"></div>
</body>
<script>
var aCheck = document.getElementsByTagName('input');
var oDiv = document.getElementById('div1');
for(var i=0;i<aCheck.length;i++)
{
aCheck[i].onclick=function(){
var val = this.parentNode.parentNode.innerHTML;
if(this.checked){
oDiv.innerHTML += val;
}
};
}
</script>
追问
请问下，选中行在div中的显示格式为，序号+行内容
序号+行内容
即在DIV中不显示checkbox 他的位置有1,2,3----序号代替 ，并且每显示一行回车 ，在显示下一行。
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
