`
zhanghw0917
  • 浏览: 182815 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

js 循环table 获取input里面的属性值

    博客分类:
  • Java
阅读更多

<html>
    <head>
        <title></title>
        <SCRIPT LANGUAGE="JavaScript">
         function showTable(id){
          var tb=document.getElementById(id);
          var rows=tb.rows;
           for(var i=0;i<rows.length;i++){
            var cells=rows[i].cells;
             for(var j=0;j<cells.length;j++){
              if (cells[j].name == "god"){
               alert("name=" +cells[j].childNodes[0].name +" value="+ cells[j].childNodes[0].value  + " hidden=" +cells[j].childNodes[0].hidden );
               }
               
              }
           }        
         }
         function showTd(id){
             var td=document.getElementById(id);
             var cell=td.parentElement;
             alert(cell.childNodes[0].value);
             alert(cell.cellIndex);
         }
        </SCRIPT>
    </head>
    <body>
        <input type="button" onclick="showTable('mailTable');" value="遍历table"/>
        <input type="button" onclick="showTd('th01Input');" value="取得td的index"/>
        <table id="mailTable">
            <tr>
                <td name="god"><input name="input1" value="th00" hidden="343434" ></td>
                <td>wo</td>
            </tr>
            <tr >
                <td name="god"><input name="input3" hidden="aaa" ></td>
                <td name="god"><input name="input4" hidden="bbb" ></td>
            </tr>
            <tr>
                <td><input name="input5" value="th20"></td>
                <td><input name="input6" value="th21"></td>
            </tr>
        </table>
    </body>
</html>

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics