Los botones los genero mediante ajax
$(data).each(function(i, v) {
$("#containerfpagos").append('<button type="submit" data-id="' + v.id_fpago + '"style="margin:1rem" class="btn btn-primary shadow-button" name="fpago" id="fpago"><div class="info"><h3>' + v.descrip_fpago + '</h3></div></button>');
})
Tengo esta función: aquí es donde quiero que, si yo doy un clic al botón, este tome la propiedad disabled
, y cuando dé clic a otro botón, este tome la propiedad disabled
y que al otro que está disabled
se le quite la propiedad (los botones los genero dinámicamente, la única diferencia entre ellos es el data-id
).
$('body').on('click', '#fpago', function(e) {
e.preventDefault();
var id = $(this).data("id");
if (this.disabled) {
$(this).prop('disabled', false);
} else {
$(this).prop('disabled', true);
}