有一表格
1.点击一行,弹出对话框"你点击的是第几行"?
2.当某一行第二列的值为空时,又操作下一行时,提示上一行的值不能为空?

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <table id="myTab" width="409" border="1">
      <tr>
        <td width="8">1</td>
        <td width="168">
          <input type="text" value="1111"  />
        </td>
        <td width="211">&nbsp;</td>
      </tr>
      <tr>
        <td>2</td>
        <td>
        <input type="text"  /></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>3</td>
        <td>
        <input type="text" /></td>
        <td>&nbsp;</td>
      </tr>
    </table></body><script>var objTab = $("myTab");
    var i;
    function $(objID)
    {
    return document.getElementById(objID);
    }function trFun(trObj)
    {
    for(i=0;i<objTab.rows.length;i++)
    {
    if(objTab.rows[i] == trObj)
    {
    alert("这是第" + (i + 1) + "行");
    return ;
    }
    }
    }
    function txtFun(trObj)
    {
    var txtObj; if(trObj.parentElement.parentElement.previousSibling) 
    {
    txtObj = trObj.parentElement.parentElement.previousSibling.cells[1].firstChild;
    }

    if(txtObj && txtObj.value == "")
    {
    alert("上一行不能为空");
    txtObj.focus();
    }
    }
    for(i=0;i<objTab.rows.length;i++)
    {
    objTab.rows[i].onclick = new Function("e","trFun(this)");
    objTab.rows[i].cells[1].firstChild.onfocus = new Function("e","txtFun(this)");
    }</script>
    </html>