Pegar class e id gerado dinamicamente em requisição ajax (javascript) e php

[Danilo - Jesus voltará! 1]

Olá pessoal, tenho uma div a qual através de um select categorias eu trago dados de empresas do banco, aí preciso clicar nas listagens das empresas e pegar o ID quando clica no checkbox e gravar pelo ajax novamente na session feita no arquivo php tipo um carrinho de compras, que essa parte já tenho... só não to conseguindo pegar os ids gerados dinamicamente no retorno feito do ajax, eles aparecem com F12 ao inspecionar, mas não aceita eu clicar para pegar o ID, acho que é algo de DOM, mas não to sabendo fazer... alguém aí saberia me ajudar como pegar esses ids ao clicar, já que eles vem dinamicamente?

 

obrigado

[washalbano 54]

Olá!
Usas javascript vanilla?
Ou usa alguma lib ou framework?
Talvez svelte ou angular, vue ou react...
Quem sabe um jquery?

Se for em vanilla, sugiro que escute o evento click no parent mais próximo ou no body.
e através do evento, verifique se o target é o desejado.

[Marcos_imasters 288]

<div id="listaEmpresas">
  <input type="checkbox" value="ID_DA_EMPRESA1">
  <input type="checkbox" value="ID_DA_EMPRESA2">
</div>

document.getElementById("listaEmpresas").addEventListener("click", function(event) {
  if (event.target.tagName === "INPUT" && event.target.type === "checkbox") {
    const empresaId = event.target.value;
    console.log("ID da empresa clicada:", empresaId);
   fetch("url_do_seu_arquivo_php", {
      method: "POST",
      body: JSON.stringify({ empresaId }),
      headers: {
        "Content-Type": "application/json",
      },
    })
    .then(response => response.json())
    .then(data => {
    })
    .catch(error => {
      console.error("Erro na requisição AJAX:", error);
    });
  }
});

voce pode tentar enviar por fetch