Habilitar Campo de uma determinada linha de tabela através de um botão
Boa Noite Pessoal,
Estou com dúvida para esse sistema em Jquery,
A ideia é quando clicar em EDITAR em uma determinada linha ative somente as inputs daquela determinada linha do edit clicado, em anexo o arquivo.
Há também dois Privilégio de Edição, ADM e NORMAL, o NORMAL deve somente editar a coluna NOME, o ADM as colunas NOME e SALARIO.
abaixo o código
<html>
<head>
<title>Desafio</title>
<script src="[http://localhost/2015-3/tratamentoevalidacao/jquery-2.2.0.min.js">](http://localhost/2015-3/tratamentoevalidacao/jquery-2.2.0.min.js)
<meta charset="UTF-8">
</head>
<body>
<input onclick="acesso('adm')" name="privilegio" type="radio" value="adm">Adm
<input onclick="acesso('normal')" name="privilegio" checked type="radio" value="normal">Normal
<table border="1">
<tr><td>Operações</td><td>Nome</td><td>Salário</td></tr>
<tr>
<td><input class="edit" type="button" onclick="edit('editar')" value="Edit"><input class="excluir" type="button" onclick="excluir()" value="Excluir"></td>
<td><input disabled class="nome" type="text" name="nome"></td><td><input disabled class="salario" type="text" name="salario"></td>
</tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
</table>
</body>
</html>
<script type="text/javascript">
var op = "";
var privilegio = "";
function acesso(op){
privilegio = op;
}
function edit(){
if(privilegio == 'adm'){
$(this).parent().next().find('.salario').removeAttr('disabled');
$(this).parent().next().find('.nome').removeAttr('disabled');
}$(this).parent().next().find('.nome').removeAttr('disabled');
}
}
</script>Discussão (1)
Carregando comentários...