- function showCol(){
- var check=$("input[name='one']:checked");//选中的复选框
- check.each(function(){
- var row=$(this).parent("td").parent("tr");
- var name=row.find("[name='name']").html();//注意html()和val()
- var age=row.find("[name='age']").html();
- console.info(name+":"+age);
- });
- }
JSP页面
- <table>
- <tr>
- <td><input name='one' type='checkbox' onclick='doCheckOne(this)' value='1' checked='checked'/></td>
- <td name='name'>小花</td>
- <td name='age'>18</td>
- </tr>
- <tr>
- <td><input name='one' type='checkbox' onclick='doCheckOne(this)' value='1' checked='checked'/></td>
- <td name='name'>小草</td>
- <td name='age'>20</td>
- </tr>
- <tr>
- <td><input name='one' type='checkbox' onclick='doCheckOne(this)' value='1' checked='checked'/></td>
- <td name='name'>小树</td>
- <td name='age'>19</td>
- </tr>
- </table>
本文介绍了一种利用jQuery实现从HTML表格中读取被选中复选框所在行的数据的方法。通过选择特定的复选框,可以获取该行中带有'name'属性的单元格的内容,并在控制台中显示姓名与年龄信息。
3513

被折叠的 条评论
为什么被折叠?



