php – 无法通过ajax传递checkbox的值

我有从数据库收到的表：

<p id="result"></p> 
<?PHP
//$id = $_SESSION['staff_id'];

$teamResult = getQuarter($leader_id);
$count1 = 0;
if (MysqLi_num_rows($teamResult) > 0) 
{
?>   

    <table id="confirm">             
      <tr>
        <th>1st Quarter</th>
      </tr>
    <?PHP
    while($row = MysqLi_fetch_array($teamResult))
    {
        $staff_id = $row['staff_id'];
        $username = $row['username'];
        $date1 = $row['date1']; $fdate1 = $row['fdate1']; $q1 = $row['q1']; $cfm1 = $row['cfm1'];
    ?>
      <tr>
        <td>
        <?PHP if($date1 != NULL){
                echo "Ev.date: ".$date1."<br/> Fb.date: ".$fdate1.""
                    ."<input type='text' id='stid' name='confirm' class='confirm' value='". $q1. "| " . $staff_id ."'>";
            }else {echo "";} 
        ?> 
        </td>
      </tr>
     <?PHP
    $count1++;
    }
} else {
        echo "<h2>No Data to display</h2>";
    }
?>                
</table> 

此字段是复选框,但我将其更改为文本以查看其值：

<input type='text' id='stid' name='confirm' class='confirm' value='". $q1. "| " . $staff_id ."'>

这是我在表中得到的：

然后我有AJAX功能：

<script>
$(function () { 
    $(document).on('click', '.confirm', function(){
        var stid = $("#stid").val();
        $.ajax({
            url: "comAssessment/change.PHP",
            method: "POST",
            data: {stid: stid},
            dataType:"text",
            success: function (data) {
                $('#confirm').hide();
                $('#result').html(data);
            }
        });  
    });

});  
</script> 

并且change.PHP：

$info = $_POST["stid"];
list($value1,$value2) = explode('|', $info);
echo $value1;
echo "<br/>";
echo $value2;

但问题是我没有得到正确的价值.对于第一行和第二行,我得到1 | 1000302.即使是第二行,其中应该是1 | 1000305.问题是什么,我该如何解决？

解决方法:

ID必须是唯一的. $(“#stid”)将始终选择具有该ID的第一个元素.

您可以简单地使用$(this)来获取您单击的元素的值.

$(document).on('click', '.confirm', function(){
    var stid = $(this).val();
    $.ajax({
        url: "comAssessment/change.PHP",
        method: "POST",
        data: {stid: stid},
        dataType:"text",
        success: function (data) {
            $('#confirm').hide();
            $('#result').html(data);
        }
    });  
});