Jump to content


Photo

Como Ativar Varios Checkbox Ao Clicar Em Um Link


  • Faça o login para participar
7 replies to this topic

#1 drwinux

drwinux

    Novato no fórum

  • Usuários
  • 13 posts
  • Sexo:Não informado

Posted 21/07/2007, 22:24

como faço para selecionar todos os ckeckbox q tenho numa pagina quando clico em um link???

ex
[b]link[/b]

checkbox desativado
checkbox desativado
checkbox desativado

[b]depois do clique[/b]

checkbox ativo
checkbox ativo
checkbox ativo

e vice-versa

é bem simples, acho..rsrsrsr
mais não entendo nada de javascript..
e se alguem poder explicar, para que eu possa entender como funciona.


obrigado

#2 Paulo André

Paulo André

    Why so serious?

  • Ex-Admins
  • 5114 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte - MG
  • Interesses:O.Q.F.J.?

Posted 22/07/2007, 08:00

Eu tenho esta função para fazer isto:
function checkAll(mode)
{
	for(i = 0; i < document.forms[0].elements.length; i++)
	{
		if( mode == "check" )
		{
			document.forms[0].elements[i].checked = true;
		}
		else
		{
			document.forms[0].elements[i].checked = false;
		}
	}
}

Flws...
:DAté mais
Paulo André G Rodrigues,
ex-administrador Fórum WMO.


www.CanalDev.com.br

#3 drwinux

drwinux

    Novato no fórum

  • Usuários
  • 13 posts
  • Sexo:Não informado

Posted 23/07/2007, 00:40

valeu mesmo fera..

mais será que seria possivel dar um exemplo..
pois tentei fazer e data erro...

para que serve a variavel mode
e qual a maneira correta que eu possa executar o script

at+

#4 Paulo André

Paulo André

    Why so serious?

  • Ex-Admins
  • 5114 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte - MG
  • Interesses:O.Q.F.J.?

Posted 23/07/2007, 07:07

Você usaria em um link desta forma:
<a href="java script:checkAll('check');">Marcar todos</a>
Neste caso, mode receberia check para marcar todos.
<a href="java script:checkAll('uncheck');">Desmarcar todos</a>
E assim, mode receberia uncheck para desmarcar todos.

Flws..
(ok2)Até mais

Edição feita por: Paulo André, 23/07/2007, 07:08.

Paulo André G Rodrigues,
ex-administrador Fórum WMO.


www.CanalDev.com.br

#5 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 23/07/2007, 14:45

Poderia fazer assim:

<a href="java script:checkAll();">Marcar/Desmarcar todos</a>

function checkAll(mode)
{
	for(i = 0; i < document.forms[0].elements.length; i++)
	{
		temp_el = document.forms[0].elements[i];
		( temp_el.checked == true ) ? temp_el.checked = false : temp_el.checked = true;
	}
}

Edit--->
Não vou apagar o código acima, mas depois q eu postei notei que na verdade esse código vai inverter a seleção se existirem elementos checados ... ^^

Edição feita por: bimonti, 23/07/2007, 14:46.

WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#6 Nicholas Pufal

Nicholas Pufal

    Impossível: só existe até alguém duvidar e provar o contrário.

  • Usuários
  • 1655 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre

Posted 15/08/2007, 11:15

Alguém pode dar uma mão?

Tô tentando usar esse código mas da forma como gostaria, ou seja, quando o usuário clica em "Marcar", marca todos os checkbox, e por causa disso o texto de "Marcar" passa para "Desmarcar", que remove todas as marcações.

Tentei assim:

function checkall()
{
	for(i = 0; i < document.forms[0].elements.length; i++)
	{
	
	temp = document.forms[0].elements[i];
	
			if( temp.check == true )
		{
			temp.checked = false;
			document.getElementById("marcar").innerHTML = "<a href=\"java script:checkall();\">Marcar</a>"
		}
		else
		{
			temp.checked = true;
			document.getElementById("marcar").innerHTML = "<a href=\"java script:checkall();\">Desmarcar</a>"
		}
	}
}


Mas só funciona para marcar, na hora de clicar em "Desmarcar", nada acontece.
No meu HTML estou usando isso:

<div id="marcar"><a href="java script:checkall();">Marcar</a></div>

Valeu!

Edição feita por: Firehalk, 15/08/2007, 11:16.

BLOG Touché Criação - Vamos trocar idéias? -> http://blog.touchecriacao.com.br/
// Links úteis: Busca || Regras
// Não respondo dúvidas via mensagem privada. Use o fórum para buscar ou perguntar.

#7 Allan Carvalho

Allan Carvalho

    Òó :: ^^

  • Usuários
  • 471 posts
  • Sexo:Masculino
  • Localidade:Campinas - SP
  • Interesses:Um PC novo e rápido. ^^

Posted 16/08/2007, 00:46

Opa! O correto é:

if( temp.checked == true )


Beleza?

Flw!
Nome: Allan V. Ferreira de Carvalho.
Localidade: Campinas - SP
Linguagem de desenvolvimento: XHTML | CSS (Tableless) | JavaScript | AJAX | PHP
Contatos: brkamikasecps@gmail.com | brkamikasecps@hotmail.com

Posted Image


#8 Nicholas Pufal

Nicholas Pufal

    Impossível: só existe até alguém duvidar e provar o contrário.

  • Usuários
  • 1655 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre

Posted 16/08/2007, 09:05

Opa! O correto é:

if( temp.checked == true )


Beleza?

Flw!


Beleza!

Funcionou certinho agora.

Edição feita por: Firehalk, 16/08/2007, 09:06.

BLOG Touché Criação - Vamos trocar idéias? -> http://blog.touchecriacao.com.br/
// Links úteis: Busca || Regras
// Não respondo dúvidas via mensagem privada. Use o fórum para buscar ou perguntar.




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq