我只想在点击按钮时切换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>
请帮忙......
答案 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
答案 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
。
我的结果