Jump to content
Fórum Script Brasil
  • 0

Radiobutton


Rudimar

Question

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 to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 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 to comment
Share on other 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 to comment
Share on other 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 to comment
Share on other 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 to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      652k
×
×
  • Create New...