Question

我有一个表，该表可以动态生成按钮，我想在执行onclick函数时更改颜色和文本。文本已正确修改，但是在执行功能时，所有按钮都会同时更改颜色。

我使用引导程序3，服务器上的结构为：

index.php->我加载CSS，脚本，jquery和我的函数。
ajax / readRecords.php->我生成mysql表
js / script.js->我的函数onclik
js / jquery.js-> jQuery

php代码：

    while($row = mysqli_fetch_assoc($result))
    {
        $status = $row['register_status'];
        if ($status == "Active") {
            $register_status = '<button class="btn btn-success btn_status btn-block" data-status="Active">Active</button>';
        }
        else {
            $register_status = '<button class="btn btn-warning btn_status btn-block" data-status="Inactive">Inactive</button>';
        }
        $data .= '<tr>
                        <td width="1%"><mark>#'.$row['id'].'</mark></td>
                        <td>'.$row['first_name'].'</td>
                        <td>'.$row['last_name'].'</td>
                        <td>'.$row['email'].'</td>
                        <td width="1%">'.$register_status.'</td>
                        <td width="1%">

这是jquery函数：

jQuery(document).ready(function(){
  $('body').click('.btn_status', function(e){
  var button = jQuery(e.target);
  if(button.data('status') == 'Active'){
          button.data('status', 'Inactive');
          button.html('Inactive');
        button.removeClass("btn-success").addClass("btn-warning");
        }else if(button.data('status') == 'Inactive'){
          button.data('status', 'Active');
          button.html('Active');
          button.removeClass("btn-warning").addClass("btn-success");
        }
  });
})

我感觉到该类的值已丢失，但不知道解决方案是什么。谢谢！

动态按钮表onclik事件的问题

0 个答案: