jQuery onclick 显示动态复选框的值

Question

我使用 while 循环形式 sql select 显示了这组复选框。这些复选框具有从 sql 分配给它们的值。我已将所有复选框分配为同一类。

如果我点击其中之一，我希望使用 jQuery 在警报中显示值`

请帮助我，我是 jQuery 新手。

<?php
//$class=trim("YEAR 1");
$rec = mysqli_query($db, "SELECT * from studentbyclass where CLASS='$class'  "); 
                        
while($row = mysqli_fetch_array($rec)){
?>

<label class="form-check form-switch">
<input class="form-check-input students" type="checkbox"  value="<?php $row["STUDENT-ID"];?>" checked>
<span class="form-check-label students"><?php echo $row["STUDENT-NAME"];?></span>
</label>
           
<?php
}
?>

JQUERY

$(".students").on('click' , function(){         
            
  val = this.val();
        
  alert(val);           
});

Answer 1

使用以下脚本：

$(document).ready(function () {
  $(".students").on('click', function () {
    var val = $(this).val();
    alert(val);
  });
});