JS选中checkbox后获取table内一行TD所有数据的方法
本文实例讲述了JS选中checkbox后获取table内一行TD所有数据的方法。分享给大家供大家参考。具体实现方法如下:
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"> <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/> <title>Untitled</title> <script> functiontest(o){ if(!o.checked){ return; } vartr=o.parentNode.parentNode; vartds=tr.cells; varstr="youclick"; for(vari=0;i<tds.length;i++){ if(i<3){ str=str+tds[i].innerHTML+"--"; } } alert(str); } </script> </head> <body> <tablewidth="60%"cellspacing="0"cellpadding="0"align="left"border="1"bordercolordark="#ffffff"bordercolorlight="#B3B5B4"> <tbodyid="tabstore1"> <tr> <td>b1</td> <td>b2</td> <td>b3</td> <td><inputtype="checkbox"onclick="test(this);"/></td> </tr> <tr> <td>c1</td> <td>c2</td> <td>c3</td> <td><inputtype="checkbox"onclick="test(this);"/></td> </tr> </tbody> </table> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。