首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

table 小疑点 ,测试经过马上揭帖

2012-02-19 
table 小问题 ,在线等,测试经过马上揭帖tableid table trtdalign center spanname IsRetur

table 小问题 ,在线等,测试经过马上揭帖
<table   id= "table ">
<tr>
<td   align= "center ">
<span   name= "IsReturn ">
<input   id= "ck0 "   type= "checkbox "   name= "ck0 "/>
</span>
</td>
<td>
1234
<td>
</tr>
<tr>
<td   align= "center ">
<span   name= "IsReturn ">
<input   id= "ck1 "   type= "checkbox "   name= "ck1 "/>
</span>
</td>
<td>
435345
<td>
</tr>
<tr>
<td   align= "center ">
<span   name= "IsReturn ">
<input   id= "ckn "   type= "checkbox "   name= "ckn "/>
</span>
</td>
<td>
126464534
<td>
</tr>
</table>

这个结构的table,如何遍历判断每行的checkbox的选中情况,如果选中alert当前行第二个td中的innerText

多谢,先来先得。

[解决办法]
<html>
<head>
<script language=javascript>


function a(){
var tmp=document.getElementsByTagName( "input ");
var checks=new Array();
if(tmp!=null){
for(var i=0;i <tmp.length;i++){
if(tmp[i].type== "checkbox "){
//checks.push(tmp[i]);
if(tmp[i].checked){
alert(tmp[i].parentNode.parentNode.nextSibling.firstChild.nodeValue);
}
}
}

}


}
</script>
</head>
<body>

<input type=button onclick= "a() " value= "click ">
<table id= "table " border=1>
<tr>
<td align= "center ">
<span name= "IsReturn ">
<input id= "ck0 " type= "checkbox " name= "ck0 "/>
</span>
</td>
<td>
1234
<td>
</tr>
<tr>
<td align= "center ">
<span name= "IsReturn ">
<input id= "ck1 " type= "checkbox " name= "ck1 "/>
</span>
</td>
<td>
435345
<td>
</tr>
<tr>
<td align= "center ">
<span name= "IsReturn ">
<input id= "ckn " type= "checkbox " name= "ckn "/>
</span>
</td>
<td>
126464534
<td>
</tr>
</table>

</body>
</html>
[解决办法]
<script>
var Iobj = document.getElementsByTagName( "input ");
for(var i=0;i <Iobj.length;i++)
{
if(Iobj.type == "checkbox ")
{
if(Iobj[i].checked)
{
alert(Iobj[i].parentNode.parentNode.parentNode.childNodes(1).innerText);
}
}
}
</script>
[解决办法]

function check(name)
{
for(var n=0;n <100;n++)
if(document.all[name+n].checked)


{
alert(document.all[ "ck1 "].parentElement.parentElement.childNodes[1].innerText);
}
}

热点排行