我有一個(gè)門(mén)戶(hù)網(wǎng)站，可以讀取 MYSQL 數(shù)據(jù)庫(kù)并為找到的每個(gè)數(shù)據(jù)創(chuàng)建一行。在每一行中都有一個(gè)切換按鈕，如果它被選中，它應(yīng)該做一件事，如果不是，它應(yīng)該做其他事情。我讓它工作，但只適用于第一行。如何讓它適用于所有行？<tbody>    <?php     if(count($userData)>0){        $s  =   '';        foreach($userData as $val){            $s++;    ?>    <tr>        <td class="text-center"><?php echo $s;?></td>        <td class="text-center"><?php echo $val['rep_id'];?></td>        <td class="text-center"><?php echo $val['rep_alias'];?></td>        <td class="text-center"><?php echo $val['rep_email'];?></td>        <td class="text-center"><?php echo $val['rep_phone'];?></td>        <td class="text-center"><?php echo $val['rep_role'];?></td>        <td>            <?php $val['rep_role'];                if($val['rep_role']!="DISABILITATO"){                    ?>                    <div class="checkbox text-center">                        <input type="checkbox" name="inServizio" id="inServizio" data-toggle="toggle" data-on="SI" data-off="NO" data-onstyle="success" data-offstyle="danger">                    </div>                    <div id="console-event"></div>                    <!--<input type="hidden" name="hidden_inServizio" id="hidden_inServizio" value="NO" />-->            </td>            <?php                 }?>        <td align="center"><?php echo date('d-m-Y',strtotime($val['dt']));?></td>        <td align="center">            <a href="edit_rep.php?editId=<?php echo $val['id'];?>" class="text-primary"><i class="fa fa-fw fa-edit"></i> Modifica</a> |             <a href="delete_rep.php?delId=<?php echo $val['id'];?>" class="text-danger" onClick="return confirm('Sei sicuro di vole cancellare il Negozio?');"><i class="fa fa-fw fa-trash"></i> Elimina</a>        </td>    </tr>    <?php } ?></tbody>     $(function() {    $('#inServizio').change(function() {        if($(this).prop('checked')){            $('#console-event').html('Stato: ON' );        } else {            $('#console-event').html('Stato: OFF ');        }        $(this).prop('checked')    })}); ```