Modificar atributo de campo text field para readonly="readonly&qu

Jobless · Maio 31, 2009

Galera sou iniciante em Javascript, mas preciso da ajuda de vocês para implementar meu código:

Preciso do seguinte:

1- Tenho 3 Radio Buttons e 3 Text Fields, configurei o 1º Radio Button para iniciar como Checked.

2- Preciso que ao carregar a página o Text Field 2 e 3 tenham o atributo Ready-only(Nativo do próprio HTML creio eu).

3- Ao selecionar o segundo Radio Button, o 1º e 3º Text Field fiquem com o atributo Ready-only e se o terceiro Radio Button for selecionado então o 1º e 2º Text Field ficam com o atributo Ready-only.

Coisa simples de se fazer, porém como disse estou engatinhando em javascript

Podem me ensinar como fazer?

Segue o código que comecei a fazer:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10%">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td align="right"><input name="radio" type="radio" id="radio" value="radio" checked="checked" /></td>
<td><input type="text" name="textfield" id="textfield" /></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td align="right"><input type="radio" name="radio" id="radio2" value="radio2" /></td>
<td><input name="textfield2" type="text" id="textfield2"/></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td align="right"><input type="radio" name="radio" id="radio3" value="radio3" /></td>
<td><input type="text" name="textfield3" id="textfield3" /></td>
</tr>
</table>
</form>
</body>
</html>

Valeu Galera!

fiote · Junho 9, 2009

Ok, a primeira coisa é adicionar o atributo readOnly=1 nos textfields 2 e 3.

Agora altere o Id/name do primeiro textfield pra textfield1.

Agora adicione a chamada de função onClick='clicaRadio(x)' nos seus radios, sendo que x é o número do textfield que esse rádio vai liberar.

Ok, agora a função:

<script>
function clicaRadio(N) {    
    for(var i = 1; i <= 3; i++) {
        var novoRead = (i == N) ? 0 : 1;
        document.getElementById('textfield'+i).readOnly = novoRead;
    }
}
</script>

Pronto ^^

Editado Junho 9, 2009 por fiote

Entrar

Modificar atributo de campo text field para readonly="readonly&qu

Pergunta

Jobless

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

fiote

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades