使用纯javascript如何取循环出来的<tr><td>中的值？

<tr>
     <td align="center"> <input id="opoBussType" name="opoBussType" type="checkbox" value="<%=v.getCodeId()%>" <%=flag?"checked=checked":"" %> /></td>
   <td nowrap  name="oppBussName" style="text-align: left;"><%=v.getName()%></td>
</tr>
这个<tr>是循环出来的，第一个<td>中是一个复选框，只要复选框是选中状态，就把与之在同一行中第二个<td>oppBussName的值取出来，用纯js不适用JQuery，谢谢~

解决方案 »

  1.   

    给tr或td加一个id，然后用document.getElementById("xx")
      

  2.   

    給<tr calss="xxx"></tr>
    $(".xxx").each(function(){});這樣就OK了
      

  3.   

    能说的详细一点吗，这种方式好像是JQuery的用法吧？就单纯用JavaScript如何去写？
      

  4.   


    思想就是：动态id..
    id=固定部分+循环计数器如：opp1，opp2，opp3 <tr>
    <td align="center">
    <input id="opoBussType" name="opoBussType" type="checkbox"
    value="<%=v.getCodeId()%>" <%=flag ? "checked=checked" : ""%> />
    </td>
    <td nowrap name="oppBussName" id="动态id" style="text-align: left;"><%=v.getName()%></td>
    </tr>
    js部分：
    for循环document.getElementsByName("name")取出第一个td的input对象。。然后循环判断选中复选框，如：第三个被选中。。那么：
    第二个td的值：var std = document.getElementById("opp3"); // opp3这个id号是动态的。。
      

  5.   

    用document.write("")一直输出就行了。
      

  6.   


    <html>
    <head>
    <script>
    function getData()
    {
    var tr = document.getElementById("table").getElementsByTagName("tr");
    for(var i = 0;i < tr.length;i++)
    {
    var td = tr[i].getElementsByTagName("td");
    if(td[0].getElementsByTagName("input")[0].checked)
    {
    alert(td[1].innerHTML);
    }
    }
    }
    </script>
    </head>
    <body>
    <table id="table">
    <tr>
    <td align="center"> 
    <input id="opoBussType" name="opoBussType" type="checkbox" value="1" />
    </td>
    <td nowrap name="oppBussName" style="text-align: left;">1111</td>
    </tr>
    <tr>
    <td align="center"> 
    <input id="opoBussType" name="opoBussType" type="checkbox" value="1" />
    </td>
    <td nowrap name="oppBussName" style="text-align: left;">222</td>
    </tr>
    <tr>
    <td align="center"> 
    <input id="opoBussType" name="opoBussType" type="checkbox" value="1" />
    </td>
    <td nowrap name="oppBussName" style="text-align: left;">333</td>
    </tr>
    </table>
    <input type="button" onclick="getData()"/>
    </body>
    </html>
      

  7.   


    <html> 
    <head> 
    <script>
    function main(){
    var ctrls = document.getElementsByName("opoBussType");

    for(var i = 0; i < ctrls.length; i ++) {
    var checked = ctrls[i].checked;
    var td = ctrls[i].parentNode.nextSibling; if(checked) {
    alert(td.innerText);
    }
    }}
    </script>
    </head> <body> 
    <table id="mytable" cellspacing="0" > <tr>
      <td align="center"><input id="opoBussType" name="opoBussType" type="checkbox" value="1" /></td>
      <td nowrap name="oppBussName" style="text-align: left;">tr1</td>
    </tr>
    <tr>
      <td align="center"> <input id="opoBussType" name="opoBussType" type="checkbox" value="2" /></td>
      <td nowrap name="oppBussName" style="text-align: left;">tr2</td>
    </tr>
    </table> <br/>
    <input type="button" onclick="main()" value="click"/>
    </body> 
    </html> 
      

  8.   

    不需要循环，JavaScript有专门处理表格<tr><td> 的处理函数。
    什么 insertNewCell(...) insertNewRow(...)等等。
    不需要document.getElementByID函数