JSP/JS获取表格当前行行号及行每一个单元格数据_jsp a 标签获取当前行信息-CSDN博客

这是一个HTML页面，展示了如何在JSP中利用JavaScript获取表格的当前行行号以及每一单元格的数据。当点击按钮时，会弹出警告框显示所选行的行号和对应单元格的值。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>
  <script type="text/javascript">
  <!--
    function check(button){
      //执行删除行的操作
      alert("执行删除行的操作");
      var index  = -1;

      for(var i=0; i<fm.but.length ;i++){
        if(fm.but[i] == button){
          index = i;
          break;
        }
      }

      alert("当前行"+(index+1)+" ，元素值为 "+fm.one[index].value+"  "+fm.two[index].value);

    }
  //-->
  </script>
 <body>
  <form method="post" action="" name="fm">
  
      <table name="tab" >
        <tr>
          <td> <input type="text" name="one"></td>
          <td><input type="text" name="two"></td>
          <td><input type="button" value="检查--删除" name="but"  onclick="check(this)"></td>
        </tr>
        <tr>
          <td> <input type="text" name="one"></td>
          <td><input type="text" name="two"></td>
          <td><input type="button" value="检查--删除" name="but"   onclick="check(this)"></td>
        </tr>
        <tr>
          <td> <input type="text" name="one"></td>
          <td><input type="text" name="two"></td>
          <td><input type="button" value="检查--删除" name="but"   onclick="check(this)"></td>
        </tr>
        <tr>
          <td> <input type="text" name="one"></td>
          <td><input type="text" name="two"></td>
          <td><input type="button" value="检查--删除" name="but"   onclick="check(this)"></td>
        </tr>
      </table>
        
  </form>
 </body>
</html>