Question

<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.2.js'></script>
<script type='text/javascript'>
$(window).load(function(){
$('#varx2').click(function() {
    $("#txt").toggle(this.checked);
});
});
</script>

<?php
print "<table>";
if($items)
foreach($items as $i){
print "<tr>";
print"<td><input type='checkbox' id='varx2' name='checkbox[]' value='$i->logi_id'/></td>"; //CHECKBOX
print "<td id='txt' style='display:none'>$i->logi_jo</td>";
print "<td>$i->logi_cntrlnum</td>";
print "</tr>";
}
print "</table>";
?>

gud day，这是一个显示/隐藏java脚本..当我点击或选中复选框时，行会扩展到旁边，问题只是第一行/结果是扩展..请你帮我... TY

Answer 1

ID 必须是唯一的，ID选择器只选择具有特定ID的第一个元素，您应该使用类：

print "<td class='txt' style='display:none'>$i->logi_jo</td>";

Answer 2

每个元素的ID都必须是唯一的。 JQuery将只选择第一个，不像类选择器，例如将选择具有类的所有元素。尝试将id设置为项目ID或名称或其他唯一的。

Answer 3

删除id并将其作为一个类。

jQuery函数将是

$('.varx2').each(function(){
  $(this).click(function(){
// do whatever you want
});
})

仅在第一个结果中显示/隐藏mysql结果函数

3 个答案: