Ir para conteúdo
Fórum Script Brasil
  • 0

Radiobutton


Rudimar

Pergunta

Tenho o código abaixo que verifica se um botão de opção deixou de ser selecionado pelo usuário.

<script language="JavaScript">

<!--

function submit_page(form) {

if(CampoBranco(form.radiobutton) == true) {

alert("Escolha uma opção.");

return false;

}

}

function CampoBranco(campo) {

if(campo.value == "")

return true;

else

return false;

}

--></script>

Aqui está o formulário onde existe o onsubmit.

<form name="form1" method="post" action="xEdicao.php4" onsubmit="return submit_page(this);" >

Isto está funcionando somente para as caixas de texto. Mas para os botões de opção não. Porque??

Link para o comentário
Compartilhar em outros sites

8 respostass a esta questão

Posts Recomendados

  • 0
realmente precisamos do código do form........ =/

Bem pessoal. Realmente não matei a charada. Abaixo segue o script contendo o código todo. É só rodar o script e ver o resultado. Só um detalhe: dentro da função submit_page eu coloquei uma caixa de alert somente para exibir o valor do radiobutton. Está retornando o valor undefined.

É aí que está o problema. Porque não está retornando o valor correto??

Deveria retornar o valor 1 ou 2.

<html>

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body bgcolor="#FFFFFF" text="#000000">

<p>&nbsp;</p>

<script

language="JavaScript">

<!--

function submit_page(form) {

alert(form.radiobutton.value);

}

--></script>

<form name="form1" method="post" action="" onsubmit="return submit_page(this);">

<p>&nbsp;</p>

<p>Voc&ecirc; est&aacute; enviando:

<input type="radio" name="radiobutton" value="1">

<b>Scripts</b> <font color="#D2FFC4">.</font>

<input type="radio" name="radiobutton" value="2">

<font color="#D2FFC4">.</font> <b>Artigos</b>

<input type="submit" name="Submit2" value="Enviar" >

</p>

</form>

<p>&nbsp;</p>

<p>&nbsp;</p>

</body>

</html>

Link para o comentário
Compartilhar em outros sites

  • 0

Ó , não sei se ta tudo certo, acho que você tem que dar uma mexida, mas olha só:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<p>&nbsp;</p>

<script
language="JavaScript"> 
<!--
function submit_page() {
for(x=1;x<3;x++)
{
	if(document.form1.radiobutton[x].checked)
	{
  alert(document.form1.radiobutton[x].value);
  return true;
	}
}
} 
--></script>
<form name="form1" method="post" action="" onsubmit="return submit_page();">
<p>&nbsp;</p>
<p>Voc&ecirc; est&aacute; enviando: 
<input type="radio" name="radiobutton" value="0">
<b>Scripts</b> <font color="#D2FFC4">.</font> 
<input type="radio" name="radiobutton" value="1">
<font color="#D2FFC4">.</font> <b>Artigos</b> 
<input type="submit" name="Submit2" value="Enviar" >
</p>
</form>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>

Testa isso e posta ae wink.gif

Link para o comentário
Compartilhar em outros sites

  • 0
Ó , não sei se ta tudo certo, acho que você tem que dar uma mexida, mas olha só:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<p>&nbsp;</p>

<script
language="JavaScript"> 
<!--
function submit_page() {
for(x=1;x<3;x++)
{
	if(document.form1.radiobutton[x].checked)
	{
  alert(document.form1.radiobutton[x].value);
  return true;
	}
}
} 
--></script>
<form name="form1" method="post" action="" onsubmit="return submit_page();">
<p>&nbsp;</p>
<p>Voc&ecirc; est&aacute; enviando: 
<input type="radio" name="radiobutton" value="0">
<b>Scripts</b> <font color="#D2FFC4">.</font> 
<input type="radio" name="radiobutton" value="1">
<font color="#D2FFC4">.</font> <b>Artigos</b> 
<input type="submit" name="Submit2" value="Enviar" >
</p>
</form>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>

Testa isso e posta ae wink.gif

Olha. Seu método deu certo. A caixa de alert realmente exibe o conteúdo do radiobutton selecionado.

Mas veja só. Eu preciso criar uma rotina quando o usuário esquece de selecionar uma das caixas. Então fiz a seguinte alteração no seu codigo. Veja abaixo:

function submit_page(form) {

for(x=0;x<3;x++){

if(document.form1.radiobutton[x].checked){

var mens = "ok";

}

}

if(var mens != "ok"){ // se não selecionou nada...

alert("mensagem");

return true;

}

}

--></script>

Mas não funcionou...

Tem mais uma dica aí...

Obrigado...

Link para o comentário
Compartilhar em outros sites

  • 0

seguinte....... no primeiro if, o que passa a msgn de OK tá faltando um else...... então...

function submit_page(form) {

for(x=0;x<3;x++){

if(document.form1.radiobutton[x].checked){

var mens = "ok";

}else{

var mens = "bad";

}

}

if(var mens != "ok"){ // se não selecionou nada...

alert("mensagem");

return true;

}

}

--></script>

testa....

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,9k
×
×
  • Criar Novo...