用JQ或者JS 写一个指定获取当前tr的复选框
代码如下：我实现的功能是当点击当前的那行ID复选框的时候，这一行的DZ复选框也要被勾上，但强调的是只针对当前行。不影响其他行的复选框。 而且 这每一行的复选框class和ID名字不能改。因为每一行是会在PHP中循环出来的。毕业论文
<form id="form1" name="form1" method="post" action=""> <table width="600" border="1" cellspacing="0" cellpadding="0"> <tr> <td>id</td> <td>dz</td> <td> </td> </tr> <tr> <td><label> <input type="checkbox" name="id" id="id" onclick="qx2()" class="bb2" /> </label></td> <td><label> <input type="checkbox" name="dz" id="dz" class="bb3" /> </label></td> <td> </td> </tr> <tr> <td><label> <input type="checkbox" name="id" id="id" onclick="qx2()" class="bb2" /> </label></td> <td><label> <input type="checkbox" name="dz" id="dz" class="bb3" /> </label></td> <td> </td> </tr> </table> </form>
<!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" /> <title>无标题文档</title> <script language="javascript" src="../../js/jquery.min.js"> </script> <script language="javascript"> function qx2() { var bb2=$(".bb2").attr("checked"); if(bb2) { $("input:eq(1)").attr("checked","checked"); }else{ $("input:eq(1)").attr("checked",""); } } </script> </head> <body> <form id="form1" name="form1" method="post" action=""> <table width="600" border="1" cellspacing="0" cellpadding="0"> <tr> <td>id</td> <td>dz</td> <td> </td> </tr> <tr> <td><label> <input type="checkbox" name="id" id="id" onclick="qx2()" class="bb2" /> </label></td> <td><label> <input type="checkbox" name="dz" id="dz" class="bb3" /> </label></td> <td> </td> </tr> <tr> <td><label> <input type="checkbox" name="id" id="id" onclick="qx2()" class="bb2" /> </label></td> <td><label> <input type="checkbox" name="dz" id="dz" class="bb3" /> </label></td> <td> </td> </tr> </table> </form> </body> </html>
循环生成的时候，在设置id什么的时候，用“dz”+i设置成id，就会根据循环的那个次数，设置不同的id，同一个页面上id唯一，不然很难办的。试试可以做不
function qx2(ob) { //console.log($(ob).parents("tr").find("input.bb3")) var other = $(ob).parents("tr").find("input.bb3"); $(other).prop("checked" ,$(ob).prop("checked")); }
<tr>
<td><label>
<input type="checkbox" name="id" id="id" onclick="qx2(this)" class="bb2" />
</label></td>
<td><label>
<input type="checkbox" name="dz" id="dz" class="bb3" />
</label></td>
<td> </td>
</tr>