Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Danilo Almeida

Radio Group

Por , em Javascript

Recommended Posts

Danilo Almeida    0

Danilo Almeida
Postado

Bom eu estava fazendo um que lê somente um campo de radio group mas eu vi que preciso para todos existentes na página

eu tentei algumas formas e me falta ideias pelo pouco tempo de uso de javascript

 

O que eu gostaria eh que ...

 

todos os radio group da página fosse reconhecido e se não estiver preenchido aparece um alerta

 

<!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>
<script type="text/javascript">
var nomeRadioGrupo = "RadioGroup1"; 
var msgErro = "Escolha uma opção"; 
var checado = 0;

function checar(){
	objRadio = document.forms["formulario"].elements[nomeRadioGrupo];
	for (i=0; i < objRadio.length; i++) {
		if (objRadio[i].checked == true) {
			checado = 1;
			return true;
		}
	}
	if(checado == 0) {	
		alert(msgErro)
		return false;
	}   
}
</script>
</head>

<body>
<form id="formulario" name="formulario" method="post" action="">
  <p>
    <label>
    Grupo1<br />
    <input type="radio" name="RadioGroup1" value="radio"/>
Radio</label>
    <br />
    <label>
    <input type="radio" name="RadioGroup1" value="radio"/>
Radio</label>
    <br />
  </p>
  <p>
    <label>Grupo 2<br />
     <input type="radio" name="RadioGroup2" value="radio" id="RadioGroup2_0" /> 
    Radio</label>
    <br />
    <label>
     <input type="radio" name="RadioGroup2" value="radio" id="RadioGroup2_1" />
Radio</label>
    <br />
    <br />
    <label>
    <input type="submit" name="button" id="button" value="Submit" onclick="javascript: return checar();" />
    </label>
    <br />
  </p>
</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

exemplo

<html>
<head>
<script type="text/javascript">
function id( el ){
	return document.getElementById( el );
}
function valida_radios( id_grupo ){
	var inputs = id( id_grupo ).getElementsByTagName('input');
	for( var i=0; i<inputs.length; i++ ){
		if( inputs[i].checked ){
			return true;
		}
	}
	alert( 'Os rádios do '+id_grupo+' não foram preenchidos!' );
	return false;
}
window.onload = function(){
	id('form_radios').onsubmit = function(){
		var grupo1 = valida_radios( 'grupo1' );
		var grupo2 = valida_radios( 'grupo2' );
		
		return ( grupo1 && grupo2 );
	}
}
</script>
</head>
<body>
	<form method="post" action="processa.php" id="form_radios">
		<fieldset id="grupo1">
			<legend>Grupo 1</legend>
			<label>Opção1 <input type="radio" name="grupo1" value="opcao1" /></label>
			<label>Opção2 <input type="radio" name="grupo1" value="opcao2" /></label>
			<label>Opção3 <input type="radio" name="grupo1" value="opcao3" /></label>
		</fieldset>
		<fieldset id="grupo2">
			<legend>Grupo 2</legend>
			<label>Opção1 <input type="radio" name="grupo2" value="opcao1" /></label>
			<label>Opção2 <input type="radio" name="grupo2" value="opcao2" /></label>
			<label>Opção3 <input type="radio" name="grupo2" value="opcao3" /></label>
		</fieldset>
		<label><input type="submit" name="enviar" value="enviar" /></label>
	</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito