单击第一个复选框时隐藏第二个复选框

时间:2013-11-17 04:14:13

标签: jquery

PHP生成一个复选框列表。我要做的是,如果单击该行中的第一个复选框,则隐藏秒复选框。

<input  name="fix[<?php echo $row_TQ01['RecordID']; ?>]0" type="checkbox" class="checkbox" id="fix0" value="2" data-on="Fixed" data-off="Fix" />
<input  name="check[<?php echo $row_TQ01['RecordID']; ?>]0" type="checkbox" class="checkbox" value="0" id="check0" />

运行时,可能会有两行或更多行数据,每行有两个复选框。

可以使用JQuery完成吗?

编辑:

不确定问题是否清楚,所以我要添加更多:

<?php do { ?>
<tr>
<td width="13%" class="seqid"><?php echo $row_TQ01['SeqID']; ?></td>
<td colspan="2" align="left" class="audititems"><?php echo $row_TQ01['SeqText']; ?></td>
<td colspan="2">
<input  name="fix[<?php echo $row_TQ01['RecordID']; ?>]0" type="checkbox" class="checkbox" id="fix0"  value="2" data-on="Fixed" data-off="Fix" />
<input  name="check[<?php echo $row_TQ01['RecordID']; ?>]0" type="checkbox" class="checkbox" value="0" id="check0" />
</td>
</tr> 
<?php } while ($row_TQ01 = mysql_fetch_assoc($TQ01)); ?>

我要做的是当点击复选框名称“修复”时,隐藏复选框名称“检查”。这两个复选框都在同一列中,并且根据SQL查询的结果显示的复选框数是动态的。

我希望我写得很清楚,非常感谢scrowler

1 个答案:

答案 0 :(得分:0)

是。如果它们在代码中直接相邻,请使用siblings,否则您需要使用parentclosest('parenttag')find的组合:

$('.checkbox').click(function(e) {
    $(this).siblings('input[type="checkbox"]').eq(0).toggle();
});