Ir para conteúdo

POWERED BY:

Arquivado

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

Adilson_Web_2007

no chekbox usando javascript

Por , em Javascript

Recommended Posts

Adilson_Web_2007    0

Adilson_Web_2007
Postado

Olá pessoal eu tenho um formulario, onde tem varios campos do tipo chekbox, onde o usuario pode selecionar mais de uma opção. A minha dúvida é: como eu faço em javascript para pegar somento a opção que o usuario marcou, tanto no chekbox, como no botão de rádio? Desde já eu agradeço a todos.

Compartilhar este post

Link para o post
Compartilhar em outros sites

klaygomes    0

klaygomes
Postado

Oi Adilson, boa tarde tudo bem?

Acho que esta dúvida já tinhamos no forúm, porém não achei na pesquisa, fiz este script, olhe:

 

var selectedOptions = function(Name)
{
        var r = [];
        var obj = document.getElementsByName(Name);
        for(var x=0,y=obj.length; x<y;x++)
        {
                if(obj[x].checked)
                r.push(obj[x]);
        }
        return r
}
Como funciona:

Retorna um Array com os checkboxs (radiobuttons) que estão selecionados.

 

Como usar:

var Selecionados = selectedOptions('NomeDoCheck');
for(a in Selecionados)
alert(Selecionados[x].value)

[editado]

Fiz uma pequena correção

[/editado]

Compartilhar este post

Link para o post
Compartilhar em outros sites

Adilson_Web_2007    0

Adilson_Web_2007
Postado

Obrigado vou testar, agora me tira uma dúvida, tem que colocar o nome do campo dentro do document.getElementsByName(aqui tem que colocar o nome do campo); E se eu precisa-se mostrar o valor de cada campo como eu faria

 

var selectedOptions = function(Name)
{
		var r = [];
		var obj = document.getElementsByName(Name);
		for(var x=0,y=obj.length; x<y;x++)
		{
				if(obj[x].checked)
				r.push(obj[x].value);
			   alert(r); eu fiz isso mas não aparece nada.
		}
		return r
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

klaygomes    0

klaygomes
Postado

Um exemplo de como utilizar:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http-~~-//www.w3.org/TR/html4/loose.dtd">
[url="http-~~-//december.com/html/4/element/html.html"]<html>[/url]
[url="http-~~-//december.com/html/4/element/head.html"]<head>[/url]
[url="http-~~-//december.com/html/4/element/title.html"]<title>[/url] Imasters </title>
[url="http-~~-//december.com/html/4/element/meta.html"]<meta[/url] http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
[url="http-~~-//december.com/html/4/element/script.html"]<script[/url] type="text/javascript">
var selectedOptions = function(Name)
{
        var r = [];
        var obj = document.getElementsByName(Name);
        for(var x=0,y=obj.length; x<y;x++)
        {
                if(obj[x].checked)
                r.push(obj[x]);
        }
        return r
}

var Teste = function(nome)
{
        var chSel = selectedOptions(nome);
        window.alert('Há ' + chSel.length + ' selecionados.');
        var valores = '';
        for(a in chSel)
        valores+=chSel[a].value + ' ';  
        window.alert('valores: '+ valores);

}
</script>
</head>

[url="http-~~-//december.com/html/4/element/body.html"]<body>[/url]
[url="http-~~-//december.com/html/4/element/form.html"]<form[/url] action="" method="get">
[url="http-~~-//december.com/html/4/element/input.html"]<input[/url] name="teste" type="checkbox" value="valor_0">
[url="http-~~-//december.com/html/4/element/input.html"]<input[/url] name="teste" type="checkbox" value="valor_1">
[url="http-~~-//december.com/html/4/element/input.html"]<input[/url] name="teste" type="checkbox" value="valor_2">
[url="http-~~-//december.com/html/4/element/input.html"]<input[/url] name="teste" type="checkbox" value="valor_3">
[url="http-~~-//december.com/html/4/element/input.html"]<input[/url] name="teste" type="checkbox" value="valor_4">
[url="http-~~-//december.com/html/4/element/input.html"]<input[/url] name="" type="button" value="hit" onClick="Teste('teste')">
[url="http-~~-//december.com/html/4/element/br.html"]<br>[/url]
[url="http-~~-//december.com/html/4/element/input.html"]<input[/url] name="teste2" type="radio" value="radio_1">
[url="http-~~-//december.com/html/4/element/input.html"]<input[/url] name="teste2" type="radio" value="radio_2">
[url="http-~~-//december.com/html/4/element/input.html"]<input[/url] name="teste2" type="radio" value="radio_3">
[url="http-~~-//december.com/html/4/element/input.html"]<input[/url] name="teste2" type="radio" value="radio_4">
[url="http-~~-//december.com/html/4/element/input.html"]<input[/url] name="teste2" type="radio" value="radio_5">
[url="http-~~-//december.com/html/4/element/input.html"]<input[/url] name="teste2" type="button" value="hit" onClick="Teste('teste2')">
</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