Ändern Aussehen einer deaktivierten Schaltfläche in PHP

Question

Ich habe versucht, eine Schaltfläche zu deaktivieren, wenn die Bedingung erfüllt ist. Wenn beispielsweise ein Element zurückgegeben wird, nachdem Sie auf die Schaltfläche Zurück geklickt haben, sollte die Schaltfläche deaktiviert werden. Was ich getan habe, war, den Button anklickbar und deaktiviert zu machen. Das bedeutet, dass keine Validierung angezeigt wird, dass ein Artikel zurückgegeben wird. Mein Problem ist, dass Sie das Erscheinungsbild der Schaltfläche ändern würden, so dass sie wie eine deaktivierte Schaltfläche aussieht.

Noch eine Sache, ich habe auch einen Code, der in der Regel die Schaltfläche deaktiviert, aber es war anklickbar.

<tr class="del<?php echo $id ?>"> 

<td><?php echo $row['equipment_description']; ?></td> 
<td><?php echo $row['firstname']." ".$row['lastname']; ?></td> 
<td><?php echo $row['student_id']; ?></td> 
<td><?php echo $row['year_level']; ?></td> 
<td><?php echo $row['course']; ?></td> 
<td><?php echo $row['date_borrow']; ?></td> 
<td><?php echo $row['due_date']; ?> </td> 
<td><?php echo $row['borrow_status'];?></td> 
<td><a rel="tooltip" 
     title="Return" 
     id="<?php echo $borrow_details_id?>" <?php if(strcmp($row['borrow_status'],"returned")!=0) {echo 'href="#delete_equipments'; echo $borrow_details_id; echo '"';}?> 
     data-toggle="modal" 
     class="btn btn-success"> 
    <i class="icon-check icon-large"></i>Return</a><td></td> 

<?php include('modal_return.php'); ?> 

Answer 1

Teil des Problems ist, dass Sie einen <a> Tag wie eine Schaltfläche zu verwenden versuchen. Da Ihr <a> Tag nicht wirklich jemanden auf eine neue Seite verweist wie ein Link-Tag, warum verwenden Sie nicht einfach das <button>-Tag? Es kommt mit einem "deaktiviert" -Attribut.

<td><button rel="tooltip" title="Return" id="<?php echo $borrow_details_id?>" <?php 
if(strcmp($row['borrow_status'],"returned")!=0) {echo $borrow_details_id; echo '"';}?> data-toggle="modal" class="btn btn-success" disabled><i class="icon-check icon-large"></i>Return</button><td></td>