JS selects the checkbox and obtains all the TD data in a row in the table.
This example describes how to obtain all the TD data of a row in the table after JS selects the checkbox. Share it with you for your reference. The specific implementation method is as follows:
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 |
<! Doctype html public "-// W3C // dtd html 4.0 Transitional // EN"> <Html> <Head> <Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/> <Title> Untitled </title> <Script> Function test (o ){ If (! O. checked ){ Return; } Var tr = o. parentNode. parentNode; Var tds = tr. cells; Var str = "you click "; For (var I = 0; I <tds. length; I ++ ){ If (I <3 ){ Str = str + tds [I]. innerHTML + "--"; } } Alert (str ); } </Script> </Head> <Body> <Table width = "60%" cellspacing = "0" cellpadding = "0" align = "left" border = "1" bordercolordark = "# ffffff" bordercolorlight = "# B3B5B4"> <Tbody id = "tabstore1"> <Tr> <Td> b1 </td> <Td> b2 </td> <Td> b3 </td> <Td> <input type = "checkbox" onclick = "test (this);"/> </td> </Tr> <Tr> <Td> c1 </td> <Td> c2 </td> <Td> c3 </td> <Td> <input type = "checkbox" onclick = "test (this);"/> </td> </Tr> </Tbody> </Table> </Body> </Html> |
I hope this article will help you design javascript programs.