Desabilitar link depois de clicado

29/05/2019

0

Gostaria de saber se existe alguma forma de desabilitar a tag <a>ENTREGA</a> depois q o usuário clica no link, o problema é q ela esta dentro de um foreach e os dados são criados a partir da quantidade cadastrada no banco de dados então eu precisava de uma função q quando o usuário clicasse na tag <a>ENTREGA</a> do nome 3 por exemplo apenas aquele link ficaria desativado e o nome 1 e nome 2 continuassem disponíveis para clique. Mas tentando explicar de forma resumida quero q o usuário tenha permissão de clicar apenas uma vez no mesmo link depois disso ele será desabilitado enquanto os outros links continuem habilitados. Segue abaixo o meu código para um melhor entendimento

<table class="table">
<thead>
<tr class="filters">
<th><input type="text" class="form-control" placeholder="Nome do Aluno" disabled></th>
<th>Item</th>
<th>Quantidade</th>
<th width="20%" class="text-center">Ações</th>
</tr>
</thead>
<tbody>
<?php foreach ($emprestimo as $emprestimo) { ?>
<tr>
<td><?= $emprestimo->nomealuno; ?></td>
<td><?= $emprestimo->nomeitem; ?></td>
<td><?= $emprestimo->quantidade; ?></td>
<td class="text-center">
<a class="btn btn-info btn-xs" onclick="return confirm('Você deseja confirmar a entrega dos itens?')" href="php/emprestimo/entregar.php?id=<?= $emprestimo->idemprestimo;?>" ><i class="fa fa-pencil"></i> ENTREGA</a>
<a class="btn btn-warning btn-xs" onclick="return confirm('Você deseja confirmar a devolução dos itens?')" href="php/emprestimo/devolver.php?id=<?= $emprestimo->idemprestimo; ?>"><i class="fa fa-pencil"></i> DEVOLUÇÃO</a>
<a class="btn btn-danger btn-xs" onclick="return confirm('Você deseja excluir <?= $emprestimo->idemprestimo; ?>?')" href="php/emprestimo/excluir.php?id=<?= $emprestimo->idemprestimo; ?>"><i class="fa fa-trash"></i> EXCLUIR</a>
</td>
</tr>
<?php } ?>
</tbody>
</table>
Rafaela

Rafaela

Responder

Posts

30/05/2019

Bruno Pardim

Iaew cara, se você estiver usando bootstrap, você pode adicionar via js no seu botão a propriedade disabled tipo neste exemplo: <button type="button" class="btn btn-secondary btn-lg" disabled>Button</button>
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar