1 
<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>";
?>

こんにちは、これは Java スクリプトの表示/非表示です..チェックボックスをクリックまたはチェックすると、行が横に広がります.問題は最初の行だけです/結果が広がっています..助けてください..ty

4

3 に答える 3

1

IDは一意である必要があります。ID セレクターは特定の ID を持つ最初の要素のみを選択します。代わりにクラスを使用する必要があります。

print "<td class='txt' style='display:none'>$i->logi_jo</td>";
于 2012-09-04T05:34:01.080 に答える
0

各要素の ID は一意である必要があります。たとえば、クラス セレクターがクラスを持つすべての要素を選択するのとは異なり、JQuery は最初の要素のみを選択します。ID を項目 ID または名前、またはその他の固有のものに設定してみてください。

于 2012-09-04T05:33:41.213 に答える
0

id を削除し、クラスとして配置します。

jQuery関数は

$('.varx2').each(function(){
  $(this).click(function(){
// do whatever you want
});
})
于 2012-09-04T05:37:06.713 に答える