问题描述
table里每一行都有一个checkbox,选中一行后,怎么得到该行特定或者所有TD数据<tr> <th width="30px" align="center"> <input name="chkAll" type="checkbox" value="checkbox" onclick="CheckAll(this)" /> </th> <th width="80px" align="center" scope="col">序号</th> <th width="80px" align="center" scope="col">资源类型</th> <th width="100px" align="center" scope="col">单据号</th> <th width="100px" align="center" scope="col">所属部门</th> <th width="80px" align="center" scope="col">状态</th></tr>下面tr显示多行数据 由 JQuery 自动生成 格式和上面一样,我要怎么才能获取所有checkbox 为选中的 一行所有 或者 行中特定的 TD的数据 急!!! 在线等
解决方案
<!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>
解决方案二:
说不清楚~~~ 不知道你的js是怎么封装的。<input type="checkbox" name="box" id="box" style="width: 40px"value="<c:out value="${row.FACCOUNTID}"></c:out>"MEDIID="<c:out value="${row.MEDIID}"></c:out>"STAGE="<c:out value="${row.STAGE}"></c:out>"ISJBYW="<c:out value="${row.ISJBYW}"></c:out>" />这种方式存放数据!所有的数据列表中都有这么个input Name都是box然后在 在js中呢 getElementsByName('box') 对象都获取了,别的还不能吗。