Я хочу отключить определенные кнопки в таблице. Эти кнопки находятся в таблице и отображаются в каждой строке.
Я хочу, чтобы в каждой строке таблицы была кнопка (В столбце действия). При нажатии кнопки она станет серой и станет недоступной для кликов.
Я попытался добавить это после успеха ajax
$('#addbtn').css('background-color', 'grey');
$('#addbtn').prop('disabled', false)
Как мне это сделать? Спасибо.
Это код, который у меня есть.
IP
ADD
#
Date
IP
action
$('#addbtn').click(function () {
$.ajax({
url: "/api/myapi/add/",
type: "POST",
dataType: "json",
data: JSON.stringify({ blockip: $('#ip').val(),name: name,action: "add" }),
contentType: "application/json;charset=utf-8",
success: function (res) {
console.log(res)
alert(res.msg)
$('#addbtn').css('background-color', 'grey'); //It's looks like not work
$('#addbtn').prop('disabled', false); //It's looks like not work
LoadIPList();
}
});
});
function LoadIPList() {
$.ajax({
url: "/api/myapi/showlist/",
type: "POST",
dataType: "json",
success: function (res) {
console.log(res)
let no = 1
let html = ''
html += '' + no + '' + res.result[0].timestamp + '' + res.result[0].route + ' Disable'
no++
res.result.shift()
res.result.forEach(function (item, index) {
html += '' + no + '' + item.timestamp + '' + item.route + ' Disable'
no++
})
$('#list').html(html)
$('.del').click(function () {
r = confirm('disable ?')
if (r) {
$.ajax({
url: "/api/myapi/disable/",
type: "POST",
dataType: "json",
data: JSON.stringify({ _id: $(this).parent().attr('data-id'), fn: 'route' }),
contentType: "application/json;charset=utf-8",
success: function (res) {
console.log(res)
alert(res.msg)
LoadIPList()
}
});
}
console.log($(this).parent().attr('data-id'))
})
}
});
}
Я попытался добавить это после успеха ajax
$('#addbtn').css('background-color', 'grey');
$('#addbtn').prop('disabled', false)
Подробнее здесь: https://stackoverflow.com/questions/786 ... -ajax-call
