<script type="text/javascript"> function showuml(){ //选出对应的input checked var items = $('input[@name=uml][@checked]'); for(var i = 0; i < items.length; i++ ) { //得到父结点对应的所有子结点 var input = items.eq(i).parent().nextAll(); for(var j = 0; j<input.length;j++) { //打印出信息 alert(input.eq(j).html()); } } } </script>
?HTML 信息
<!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" /> <script type="text/javascript" src="../common/jquery/jquery.js"></script> <script type="text/javascript"> function showuml(){ var items = $('input[@name=uml][@checked]'); for(var i = 0; i < items.length; i++ ) { var input = items.eq(i).parent().nextAll(); for(var j = 0; j<input.length;j++) { alert(input.eq(j).html()); } } } </script> <title>无标题文档</title> </head> <body> <table width="100%" border="1"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td><input name="uml" type="checkbox" id="checkbox" checked="checked" /></td> <td>22221111</td> <td>22222222</td> <td>2222333</td> <td>22224444</td> </tr> <tr> <td><input type="checkbox" name="uml" id="checkbox2" /></td> <td>333</td> <td>333</td> <td>3333</td> <td>33333</td> </tr> <tr> <td><input type="checkbox" name="uml" id="checkbox3" /></td> <td id="qw">33444</td> <td>444</td> <td>444</td> <td>44444</td> </tr> <tr> <td><input type="checkbox" name="uml" id="checkbox4" /></td> <td>5555</td> <td>5555</td> <td>555</td> <td>555</td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td><label> <input type="submit" onclick="showuml()" name="button" id="button" value="提交" /> </label> </td> <td> </td> </tr> </table> </body> </html>
?