成功时更改html按钮内容

时间:2016-07-19 05:12:21

标签: javascript php ajax

我只想在点击按钮时切换html按钮内容(激活或停用)...现在如果按钮内容被激活,它会将此更改为停用....但反之亦然...请查看ajax代码:

<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>   

我的脚本是

  <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>

请帮忙......

2 个答案:

答案 0 :(得分:1)

使用text方法更改按钮的文字

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

修改

  

我希望如果文本被激活然后点击它就会变为停用状态   反之亦然

exports is not defined

import is not defined

JSFIDDLE

答案 1 :(得分:0)

试试这个兄弟

<!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>

更改脚本中的url

我的结果

enter image description here