html button Inhalt auf Erfolg ändern

-1

Ich möchte nur html button Inhalt (aktivieren oder deaktivieren) auf Klick auf die Schaltfläche ... jetzt, wenn Schaltfläche Inhalt aktiviert ist, ändert sich dies zu deaktivieren .... aber nicht umgekehrt. .. bitte Blick auf ajax-Code haben:html button Inhalt auf Erfolg ändern

<button type="button" class="btn btn-success btn-sm" id="<?php echo $row->id; ?>" onclick="savestatus<?php echo $row->id; ?>(<?php echo $row->id; ?>)">Activate</button>

und mein Skript ist

<script> 
function savestatus<?php echo $row->id; ?>(row_id){ 
$.ajax({ 
    type: "POST", 
    url: "<?php echo base_url().'home/activate_buyer/'. $row->id; ?>", 
    data:{},  
    success:function(data) 
    { 
     $("#"+row_id).html("Deactivate"); 
    } 
    }); 
} 

</script>

bitte helfen ...

Quelle

2016-07-19 Pardeep

jeder Fehler in der Konsole ?? @Pardeep –

Wie interagierst du mit der Datenbank, da du AJAX verwendest? –

Verwenden text Methode den Text der Schaltfläche ändern

$("#"+row_id).text("Deactivate");

EDIT

ich will, wenn Text aktivieren, dann wird Onclick es deaktivieren und umgekehrt

$('.button').click(function(event){ 
$(this).text().trim()==="Active"?$(this).text("Deactive"):$(this).text("Active") 
})

JSFIDDLE

Quelle

2016-07-19 05:15:51 brk

hat nicht funktioniert ... ich will, wenn Text aktiviert ist, dann onclick wird deaktiviert und umgekehrt .. aber jetzt zeigt es nur deaktivieren auf klicken – Pardeep

@Pardeep überprüfen Sie diese Demo – brk

Ich denke, Ihre Quelle ist gut, aber nicht OP Wünsche. Er muss zu Deactive wechseln, wenn Ajax erfolgreich ist und nicht erneut klicken, um die Schaltfläche "Aktiv" zu erhalten. –

dieses bro Versuchen

<!DOCTYPE html> 
<html> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 
</head> 
<body> 
<?php 
    $row= 5; 
?> 
<button type="button" class="btn btn-success btn-sm" id="<?php echo $row; ?>" onclick="savestatus(this)">Activate</button> 
<script> 
function savestatus(ele) { 
    var id = ele.id; 
    $.ajax({ 
     type: "POST", 
     url: "<?php 'http://localhost/testGuzzle/jsOnChange2.php'; ?>", 
     data:{ 
      test: id, 
     },  
     success:function(data) 
     { 
      $("#"+id).html("Deactivate"); 
     } 
     }); 
    } 
</script> 
</body> 
</html>

Ändern Sie Ihre bei Skript.

Mein Ergebnis

Quelle

2016-07-19 05:25:48

html button Inhalt auf Erfolg ändern

Antwort

Verwandte Themen