根据状态替换 <a> </a> 类答案

【问题标题】：Replacing Class of <a> </a> Base On Status根据状态替换 <a> </a> 类
【发布时间】：2016-03-15 16:50:18
【问题描述】：

我正在尝试更改我的 html 和 php 代码的锚标记类。这是屏幕截图：

下面是该屏幕截图的 php 代码

这是我的 PHP 代码：

  <?php echo "<td>{$id}</td>" ?>
       <?php echo "<td>{$ontrack_websiteName}</td>" ?>
       <?php echo "<td>{$ontrack_url}</td>" ?>
       <?php echo "<td>{$ontrack_geography}</td>" ?>
       <?php echo "<td>{$ontrack_Comment}</td>" ?>  
       <?php echo "<td><a class='btn btn-success' href='status_db.php?id={$id}&status={$ontrack_status}'>
        <span>$ontrack_status</span></a>
       </td>" ?>  
        <?php echo "<td width='100px'><a class='btn btn-warning btn-sm' href='archiveProcess.php?id={$id}' role='button'><span class='glyphicon glyphicon-save-file' aria-hidden='true'></span></a>
    <a class='btn btn-danger btn-sm' href='delete_websiteOntrack.php?id={$id}' role='button'><span class='glyphicon glyphicon-trash' aria-hidden='true'></span></a></td>" ?>

“状态”列有两个值。一个是“启用”，另一个是“禁用”。当用户单击“启用”绿色链接时。它将数据库中的值更改为“禁用”并显示“禁用”。当它显示“禁用”时，我想将背景更改为“btn btn-danger”类，以便背景变为红色。

但目前。它仅显示为绿色背景，如下所示：

请帮助我。我试图以不同的方式做，但总是失败:(

【问题讨论】：

标签： javascript php jquery

【解决方案1】：

您可以执行以下操作

成功并且当它显示“禁用”时：

$( "#btn-change" ).removeClass( "btn-success" );
$( "#btn-change" ).addClass( "btn-danger" )

让btn-change 是那个按钮的一个id。

【讨论】：

【解决方案2】：

好的，首先你不应该使用这么多<?php ?> 标签。

您实际上正在寻找的是一个简单的 if 语句：

<?php 
    //if status is enable, set button class to success
    if($ontrack_status == "Enable"){
        $btn_class = "success";
    }else{ 
        $btn_class = "danger"; //else set it to danger
    }
//put btn class into the string:
echo "<td>{$id}</td>
      <td>{$ontrack_websiteName}</td>
      <td>{$ontrack_url}</td>
      <td>{$ontrack_geography}</td>
      <td>{$ontrack_Comment}</td>
      <td> <!-- set button class here-->
        <a class='btn btn-{$btn_class}' href='status_db.php?id={$id}&status={$ontrack_status}'>
            <span>$ontrack_status</span>
        </a>
      </td>
      <td width='100px'>
        <a class='btn btn-warning btn-sm' href='archiveProcess.php?id={$id}' role='button'>
            <span class='glyphicon glyphicon-save-file' aria-hidden='true'></span>
        </a>
        <a class='btn btn-danger btn-sm' href='delete_websiteOntrack.php?id={$id}' role='button'>
            <span class='glyphicon glyphicon-trash' aria-hidden='true'></span>
        </a>
      </td>";
?>

【讨论】：

【解决方案3】：

我不完全明白您为什么要使用新的 echo 并在每一行上打开和关闭 PHP。你可以这样做

<?php

echo "<td>{$id}</td>
   <td>{$ontrack_websiteName}</td>
   <td>{$ontrack_url}</td>...

除此之外，要回答您的问题，您需要使用if-statement。比如：

if($ontrack_status == 'Disable') {
  echo "<td><a class='btn btn-success' href='status_db.php?id={$id}&status={$ontrack_status}'>
    <span>$ontrack_status</span></a>
   </td>"
}else{
  echo "<td><a class='btn btn-danger' href='status_db.php?id={$id}&status={$ontrack_status}'>
    <span>$ontrack_status</span></a>
   </td>"
}

更好的解决方案是使用shorthands

echo "<td><a class='btn btn-".($ontrack_status == 'Disabled' ? 'success' : 'danger')."' href='status_db.php?id={$id}&status={$ontrack_status}'>
    <span>$ontrack_status</span></a>
   </td>"

【讨论】：

谢谢。它现在工作正常.. 将消除 php tagsss :)

【解决方案4】：

<script type="text/javascript">
var status = <?= $ontrack_status ?>;
$(document).ready(function() {   
    if(status == "Enable"){
     $("a").addClass("btn-success");
     $("a").removeClass("btn-danger");
    } else {
    $("a.status").addClass("btn-danger");
     $("a.status").removeClass("btn-success");
});

<a class="status " href=""></a>

【讨论】：