Jump to content
gersonab

Criar um evento na linha do checkbox

Recommended Posts

Bom dia meus amigos, estou precisando criar um evento numa linha de dados de uma consulta, sendo que esta linha deveria estar selecionada através do checkbox, tipo :

Tenho uma listagem de informações de clientes, nesta lista tenho um checkbox para selecionar uma única linha, nesta podendo fazer alterações conforme um select option, sendo que este não esta na linha, esta fora dela, pois se eu tiver 3000 linhas, terei 3000 select option, logo o que eu preciso é pegar o id da linha e enviar para o select , onde ali escolherei a ação a tomar.

 

não estou sabendo pesquisar ou dar uma partida para este, desde já agradeço a ajuda.

<div class="action-btns d-none">
  <div class="btn-dropdown mr-1 mb-1">
    <div class="btn-group dropdown actions-dropodown">
      <button type="button" class="btn btn-white px-1 py-1 dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Ação
      </button>
      <div class="dropdown-menu dropdown-menu-right">
        <a class="dropdown-item" href="#"><i class="feather icon-trash"></i>Editar</a>
        <a class="dropdown-item" href="#"><i class="feather icon-archive"></i>Inserir imagem</a>
        <a class="dropdown-item" href="#"><i class="feather icon-file"></i>Email</a>
        <a class="dropdown-item" href="#"><i class="feather icon-save"></i>Deletar</a>
      </div>
    </div>
  </div>
</div>
<div class="table-responsive">
  <table class="table">
    <thead>
      <tr>
        <th></th>
        <th>IMAGEM</th>
        <th>NOME</th>
        <th>CATEGORIA</th>
        <th>EMAIL</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><input type="checkbox" id="id" name="id" /></td>
        <td><img src="../cli/imagem.png" alt="img"></td>
        <td>Nome do cliente</td>
        <td>Categoria</td>
        <td>Email</td>
      </tr> 
      <!-- aqui continua a lista, resumida para facilitar -->

 

Share this post


Link to post
Share on other sites

minhas tentativas são estas....

onde o selec está

<div class="panel-title hidden-xs" style="z-index:9999" id="atualizamenu"> Cadastrados -> <?php include "../lista/selmenu.php";?></div>

meu rádio, não poderia ser checkbox, pois apenas uma seleção

<td ><input type="radio" name="idpr" class="idpr" value="<?php echo $idpr; ?>"></td>

jquery

//var idpr = $("input[name='idpr']:checked"); 
				//idpr.change(function() { 
				//$("input[name='idpr']:checked").change(function(event){
				//	var idpr = event.currentTarget.value;
				$('.idpr').change(function(){
					var idpr = $(this).val();
					$.ajax({ 
						url: '../lista/selmenu.php', 
						type: 'GET', 
						data:{"idpr" : idpr.val()}, 
						success: function(data) { 
						console.log(data); 
						data = $.parseJSON(data); 
					if(data.idpr) { 
					//document.getElementById("atualizamenu").reset();
					$("#atualizamenu").html($(dados).find("#atualizamenu"));
					} 
						}
				}); 
				});

o selmenu.php

<?php
require_once('../curio.php');
    $Varreu = $_GET['idpr'];
$consmenu = $pdo->query("SELECT proc.idpr, proc.part, cli.idc FROM proc INNER JOIN cli ON cli.idc=proc.part WHERE proc.idpr ='".$Varreu."' ");
$user2 = $consmenu->fetch(PDO::FETCH_ASSOC);
	$idpr = $user2['idpr'];
	$idc = $user2['idc'];

?>
	<div class="btn-group">
		<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> Selecionar ação
			<span class="caret ml5"></span>
		</button>
		<ul class="dropdown-menu" role="menu">
			<li>
				<a href="listcliente.php?idc=<?php echo $idc; ?>"> Relatório </a>
			</li>
			<li>
				<a href="uppr.php?id=<?php echo $idpr; ?>"> Editar processo </a>
			</li>
		</ul>
	</div>

o que ocorre, ou não passa a informação ou não atualiza. não há erros no console.

Share this post


Link to post
Share on other sites

desta forma consigo passar o valor que é mostrado no console.log

$(".idpr").change(function(event){
var idpr = event.currentTarget.value;
$.ajax({ 
url: '../lista/selmenu.php', 
type: 'GET', 
data:{"idpr" : idpr}, 
success: function(data) {
console.log(data); 
if(data.idpr) { 
document.getElementById("atualizamenu").reset();

} 
}
}); 
});

só que não atualiza na página, no console mostra

<div class="btn-group" id="atualizamenu">
  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> Selecionar ação
    <span class="caret ml5"></span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li>
      <a href="listcliente.php?idc=978"> Relatório </a>
    </li>
    <li>
      <a href="uppr.php?id=1032"> Editar </a>
    </li>
  </ul>
</div>

ja na página o id e o idc estão em branco como mostra o elements
 

<a href="listcliente.php?idc="> Relatório </a>

não esta atualizando

Share this post


Link to post
Share on other sites

Consegui resolver desta forma.

$(".idpr").change(function(event){
var idpr = event.currentTarget.value;
$.ajax({ 
url: '../lista/selmenu.php', 
type: 'GET', 
data:{"idpr" : idpr}, 
success: function(data) { 
console.log(data); 
$("#atualizamenu").html(data)
}
}); 
});

consigo fazer todos os itens do menu, em alguns casos dependendo da página são 8 itens.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By asacap1000
      Galera já não sei mais onde procurar, estou configurando o processo de login com certificação digital porém não consigo ler o retorno. No site da Certisign explica em java e .Net mas utilizo em minha aplicação da intranet tudo em PHP como eu teria que fazer. Segue exemplo que eles fornecem em .Net
       
      <form action="https://autenticador.certisign.com.br/CertisignLogin/certificado/login" method="get"> <input type="hidden" value="209" id="id" name="id"> <input type="hidden" value="CHAVE CRIPTOGRAFICA INICIAL" id="nome" name="nome"> <input type="hidden" value="http://www.seusite.com.br/suaAplicacao/retorno" id="retorno" name="retorno"> <div> <input type="image" src="images/ico-certisign_30x30.png" alt="Submit" id="btnLoginCertisign"> </div> </form> O de cima envia até aí tudo bem
       
      Abaixo o retorno que é o que não consigo fazer em PHP
       
      string retorno = Request["cb"]; string encryptionKey = "<conteúdo da chave criptográfica descarregada na etapa 2>"; retorno = CryptoLogin.Instance.DecryptText(retorno,encryptionKey);</conteúdo> A variável retorno deverá mostrar as informações como o exemplo aaixo.
       
      CertificadoBean: { emissor: Certisign Autoridade Certificadora TESTE, nome: "PROPRIETARIO DO CERTIFICADO DE TESTE", cpf: "001.002.003-44", cnpj: "", OAB: "", validade: "2015-05-27 20:59:59", emissao: "2014-05-27 21:00:00", email: "proprietario.teste@certisign.com.br", certificadoBase64: "MIIFmDCCBICgAwI...... BAQUFADCCARAx" }  
    • By Camilavip
      Queria saber como fazer esse select e quando eu trazer um estado ele já puxa as cidades contidos nele, e ao escolher a cidade ele trazer os bairros. Consegui pela internet mas só com estados e cidades. no caso em 2 níveis, e eu precisaria em 3, faço pelo mysqli
       
      Em estados no banco está assim
      CREATE TABLE `estados` ( `id_estado` int(10) NOT NULL, `estado` varchar(30) NOT NULL ) ENGINE=Aria DEFAULT CHARSET=latin1; -- -- Extraindo dados da tabela `estados` -- INSERT INTO `estados` (`id_estado`, `estado`) VALUES (1, 'Rio de Janeiro'), (2, 'Minas Gerais'); Cidades
      CREATE TABLE `cidades` ( `id_cidade` int(10) NOT NULL, `id_estado` int(10) NOT NULL, `cidade` varchar(255) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; -- -- Extraindo dados da tabela `cidades` -- INSERT INTO `cidades` (`id_cidade`, `id_estado`, `cidade`) VALUES (1, 1, 'Rio de Janeiro'), (2, 2, 'Belo Horizonte'); E bairros
      CREATE TABLE `bairros` ( `id_bairro` int(10) NOT NULL, `id_cidade` int(10) NOT NULL, `bairro` varchar(255) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; -- -- Extraindo dados da tabela `bairros` -- INSERT INTO `bairros` (`id_bairro`, `id_cidade`, `bairro`) VALUES (1, 1, 'Centro'), (2, 1, 'Tijuca'), (3, 1, 'Leblon'), (4, 2, 'Pampulha');  
    • By danilo759
      Estou com uma dúvida, em uma tabelinha é cadastrado a data em uma coluna e a hora em outra coluna, então para "juntar" podemos usar CONCAT() no SELECT. Tudo certo...
       
      SELECT id, CONCAT(data_ini, ' ', hora_ini) as inicio FROM tabela

      Retorna como esperado:

       

      Minha dúvida é, se eu quiser exibir o horário de término para ficar assim como seria a consulta? Lembrando que não existe as colunas data_final e horario_final.

      2020-09-13 03:00:00 2020-09-13 04:00:00
      2020-09-13 04:00:00 2020-09-13 05:00:00
      2020-09-13 05:00:00 ....
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.