Neste Form:
<input type="checkbox" value="1" data-id=1" name="status_entrega" id="status_entrega">
<div id="retorno_1" style="display:none; float:left">Atualizado</div>
<input type="checkbox" value="1" data-id=2" name="status_entrega" id="status_entrega">
<div id="retorno_2" style="display:none; float:left">Atualizado</div>
Tenho o seguinte jQuery:
$('#status_entrega').click(function(){
var id_pedido = $("#status_entrega").attr("data-id");
$("#retorno_"+id_pedido).toggle(this.checked);
});
Porém, o primeiro item consigo marcar como checado, o segundo e os demais, não consigo nem marcar... Não retorna a mensagem de atualização. Alguém consegue ajudar?
Atualização:
Conforme ajuda do Sérgio, eu modifiquei, mas preciso que, ao desmarcar, envie também a solicitação de atualização. Segue o codigo atualizado:
$('[name="status_entrega"]').click(function() {
var id_pedido = $(this).attr("data-id");
$("#retorno_" + id_pedido).toggle(this.checked);
$.ajax({
type: 'post',
url: '../ajax/getTransacaoOK',
success: function (response) {
$("#retorno_" + id_pedido).html("Atualizando...");
setTimeout(function(){
$("#retorno_" + id_pedido).html("Atualizado!");
setTimeout(function(){
$("#retorno_" + id_pedido).html("");
},1000);
},2000);
},
});
});