php jquery 在 while fetch_array 中选择特定的复选框

Question

我在选择特定复选框并将其 div 的高亮 css 放在 mysql_fetch_array 中时遇到问题

这是我的代码

$count=1;
$query = mysql_query('SELECT * FROM thread');
while($row = mysql_fetch_array($query))
{
  echo "<div class='row".$count."'><input type='checkebox' class='chk_box".$count."'> ".$row['title']."</div>";
  $count++; 
}

<script>
 var count= "<?php echo $count?>";
 for(var y=1;y<=count;y++){ 
$('.chk_box'+y).click(function() {
  if(this.checked) {
    $('.row'+y).addClass('backcolor');
  }
  else{
    $('.row'+y).removeClass('backcolor');
  }
 });
        }
</script>

Answer 1

修复了一些拼写错误，添加了 DOM 就绪功能，并对 jQuery 进行了一些更改，试试看？

$count=1;
$query = mysql_query('SELECT * FROM thread');
while($row = mysql_fetch_array($query)) {
   echo "<div class='row".$count."'><input type='checkbox' class='chk_box".$count."'> ".$row['title']."</div>";
   $count++; 
}

<script type="text/javascript">
$(function() {
    $('[class^="chk_box"]').on('click', function() {
        $(this).closest('div').toggleClass('backcolor', this.checked);
    });
});
</script>​​​​​​​​​​

作为旁注，在 for 循环中附加事件处理程序通常不是一个好主意。