checkbox选择问题

<html>
<SCRIPT language=javascript>
function doit(obj){
    var tr = obj.parentNode.parentNode;
    alert("行数：" + (parseInt(tr.rowIndex)+1));
    for(var i=1;i<tr.cells.length;i++) alert(tr.cells[i].innerHTML);
}
</SCRIPT>
<body>
<table border="1">
<tr><td><input type="checkbox" onclick="doit(this)"></td><td>1-1</td><td>1-2</td></tr>
<tr><td><input type="checkbox" onclick="doit(this)"></td><td>2-1</td><td>2-2</td></tr>
<tr><td><input type="checkbox" onclick="doit(this)"></td><td>3-1</td><td>3-2</td></tr>
</table>
</body>
</html>

解决方案 »

  1.   

    可以的。
    如
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="zourinet">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <script language="JavaScript">
    /* <![CDATA[ */
    function getValue(obj)
    {
    alert(obj.parentNode.parentNode.rowIndex+"行");
    alert(obj.parentNode.previousSibling.previousSibling.childNodes[0].nodeValue);
    }
    /* ]]> */
    </script>
    </HEAD><BODY>
    <form method="post" action="">
    <div>
    <!-- DataGrid1 Start--><table cellspacing="0" rules="all" border="1" id="DataGrid1" style="color:Black;width:100%;border-collapse:collapse;">
    <tr style="background-color:#FFCC99;">
    <td align="Center" style="width:30px;">行号</td><td>工号</td><td>姓名</td><td>应出勤日期</td><td>特岗</td><td>
    <input id="DataGrid1__ctl1_CheckBox2" type="checkbox" name="DataGrid1:_ctl1:CheckBox2" onclick="JavaScript:CheckAll();" />
    </td>
    </tr><tr style="background-color:infobackground;">
    <td valign="Top">
    <span id="DataGrid1__ctl2_RowsNo">1</span>
    </td><td>016362</td><td>段清南</td><td>20080303</td><td>
    <input id="DataGrid1__ctl2_Cspec_mk" type="checkbox" name="DataGrid1:_ctl2:Cspec_mk" />

    </td><td>
    <input id="DataGrid1__ctl2_CheckBox1" type="checkbox" name="DataGrid1:_ctl2:CheckBox1" onclick="getValue(this);" />
    </td>
    </tr><tr style="background-color:infobackground;">
    <td valign="Top">
    <span id="DataGrid1__ctl3_RowsNo">2</span>
    </td><td>016362</td><td>段清南</td><td>20080304</td><td>
    <input id="DataGrid1__ctl3_Cspec_mk" type="checkbox" name="DataGrid1:_ctl3:Cspec_mk" />

    </td><td>
    <input id="DataGrid1__ctl3_CheckBox1" type="checkbox" name="DataGrid1:_ctl3:CheckBox1"  onclick="getValue(this);"/>
    </td>
    </tr><tr style="background-color:infobackground;">
    <td valign="Top">
    <span id="DataGrid1__ctl4_RowsNo">3</span>
    </td><td>016362</td><td>段清南</td><td>20080305</td><td>
    <input id="DataGrid1__ctl4_Cspec_mk" type="checkbox" name="DataGrid1:_ctl4:Cspec_mk" />

    </td><td>
    <input id="DataGrid1__ctl4_CheckBox1" type="checkbox" name="DataGrid1:_ctl4:CheckBox1"  onclick="getValue(this);"/>
    </td>
    </tr>
    </table>
    <!-- DataGrid1 End -->
    </div>
    </form>
    </BODY>
    </HTML>
      

  2.   

    <html> 
    <SCRIPT language=javascript> 
    function doit(obj){
    var num=""; 
    var str="";
    if(obj.checked){
     num=obj.parentNode.parentNode.rowIndex*1+1;
     for(var i=1;i <obj.parentNode.parentNode.cells.length;i++) 
        str+=obj.parentNode.parentNode.cells[i].innerHTML;   alert("\n行号:"+num+"\n内容:"+str); 
      }
    } 
    </SCRIPT> 
    <body> 
    <table border="0"> 
    <tr> <td> <input type="checkbox" onclick="doit(this)"> </td> <td>1-1 </td> <td>1-2 </td> </tr> 
    <tr> <td> <input type="checkbox" onclick="doit(this)"> </td> <td>2-1 </td> <td>2-2 </td> </tr> 
    <tr> <td> <input type="checkbox" onclick="doit(this)"> </td> <td>3-1 </td> <td>3-2 </td> </tr> 
    </table> 
    </body> 
    </html>