1

Boa noite.

Estou tentando usar este código javascript para exibir o "value" de um "radio" em um formulário:

document.userForm.onclick = function(){
    var radVal = document.userForm.[rads].value;
    result.innerHTML = 'You selected: '+radVal;
}

Porém em name="..." tenho colchetes, neste exemplo: name="[rads]", e o código javascript não está funcionando devido os colchetes.

O resultado do radio selecionado no formulário, será exibido neste código:

<form id="mainForm" name="mainForm">
    <input type="radio" name="[rads]" value="1" />
    <input type="radio" name="[rads]" value="2" />
    <input type="radio" name="[rads]" value="3" />
    <input type="radio" name="[rads]" value="4" />
</form>
<span id="result"></span>

Já tentei mudar no javascript para estas formas:

var radVal = document.userForm.\\[rads\\].value;
var radVal = document.userForm.['[rads]'].value;

Mas nenhuma delas funcionou. Aqui podemos ver que o código funciona desde que não tenha os colchetes https://jsfiddle.net/Josh_Shields/23kg3tf4/1/. O que devo alterar no código para que funcione corretamente?

1 Resposta 1

1

Estavas quase lá. Não podes misturar o ponto para aceder à propriedade e ao mesmo tempo os colchetes. Ou seja objeto.[propriedade] é sintaxe inválida. O ponto está a mais.

Deves usar assim:

document.mainForm.onclick = function(){
    var radVal = document.mainForm['[rads]'].value;
    result.innerHTML = 'You selected: '+radVal;
}
<form id="mainForm" name="mainForm">
    <input type="radio" name="[rads]" value="1" />
    <input type="radio" name="[rads]" value="2" />
    <input type="radio" name="[rads]" value="3" />
    <input type="radio" name="[rads]" value="4" />
</form>
<span id="result"></span>

jsFiddle: https://jsfiddle.net/97kz9ak0/

1
  • 1
    Obrigado Sergio, funcionou perfeitamente.
    – Wesley
    Commented 14/05/2016 às 5:16

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .