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

上一篇: php – OPENSSL_RAW_DATA有什么作... 下一篇:如何在Yii2的下拉列表中添加占位...

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

发布时间：2022-04-30 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了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',function(){
    var stid = $(this).val();
    $.ajax({
        url: "comAssessment/change.PHP",success: function (data) {
            $('#confirm').hide();
            $('#result').html(data);
        }
    });  
});