如何在onclick功能按钮中更改值

我想通过单击按钮将数据库中用户的状态从非活动状态更改为活动状态。

我已经有一个功能,可以通过为数据库分配使用值来显示使用状态是有效还是无效,例如0表示无效,1表示有效。

下面的功能是在用户不活动或活动时更改按钮上的值的功能


 if ( $row["active"] == 1 ) {
echo '<button class="btn-u btn-u-green" type="button">active</button>';
  } else {
 echo '<button class="btn-u btn-u-red" type="button">Inactive</button>';
  }

现在我需要创建一个处理活动和非活动按钮的功能。例如,当管理员单击非活动(按钮)时,会将数据库中的值更新为1(活动);如果管理员再次单击活动按钮,则会将值更新为0(非活动),

以下是我到目前为止所做的

按钮表波纹管

<td>                                                                                        
<?php                                                                                                                                                 
  if ( $row["active"] == 1 ) {
echo '<button onclick="button" name="active" class="btn-u btn-green" type="button">active</button>';
} else {
echo '<button name="inactive" class="btn-u btn-u-red" type="button">Inactive</button>';
 }
?></td>

数据库设置

<?php

$hostname = "localhost";
$username = "root";
$password = "";
$databasename = "testone";

try
{

$conn = new PDO ("mysql:host=$hostname;dbname=$databasename",$username,$password);
    $conn->setattribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION);
    if(isset($_POST["active"]))
}
    $query = "INSERT INTO users(active) VALUE (:1)";
    $statement = $conn->prepare($query);
    $statement->execute(
        array(
            'users' => $_POST['active']
        )
    );
    $count = $statement->rowCount();
    if($count > 0)
    {
        echo "data insert successfully";
    }
    else
    {
        echo "data insertion failed";
    }
}
}
catch(podExeption $error)
{

    echo $error->GetMessage(); 
}

?>

我使用的功能

<script
src="https://code.jquery.com/jquery-3.4.1.js"integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="crossorigin="anonymous">
</script>
  <script>

 $(document).raedy(function(){
   $('button[type="button"]').click(function(){
 var active = $(this).val();

  $.ajax({
    url:"activateagent.php",method:"POST",data:{users:active},success: function(data){
 $('$result').html(data);
       }
     });
       });
     });

 </script>

在我的控制台中,我收到此错误ReferenceError:未定义按钮

谢谢

yan_xiao_yu11 回答:如何在onclick功能按钮中更改值

代码中有太多错误,请进行以下更改:

<td>                                                                                        
<?php                                                                                                                                                 
  if ( $row["active"] == 1 ) {
echo '<button class="btn-u btn-green btn_send" id="<?php echo $row["active"];?>">Active</button>';
} else {
echo '<button class="btn-u btn-u-red btn_send" id="<?php echo $row["active"];?>">Inactive</button>';
 }
?></td>

现在在JQuery代码中进行以下更改:

 $(document).ready(function(){
   $('.btn_send').on('click',function(){
 var active = $(this).attr('id');

  $.ajax({
    url:"activateagent.php",method:"POST",data:{users:active},success: function(data){
 $('$result').html(data);
       }
     });
       });
     });
本文链接:https://www.f2er.com/3144955.html

大家都在问