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

Checkbox com js


admendes

Pergunta

Pessoal boa tarde,

tenho uma duvida que creio que seja facil mas, eu estou meio perdido.

eu tenho uma lista de "ITENS" cada item com um checkbox, preciso que ao clicar no checkbox o "ITEM" selecionado apareça logo em baixo

como um item selecionado, eu até fiz dando um alert mas, para exibir imprimir direto no Fromulário eu não consigo desde já agradeço a atenção de todos.

Link para o comentário
Compartilhar em outros sites

7 respostass a esta questão

Posts Recomendados

  • 0

i aew admendes, bom tenta mais ou menos assim:

<html>
	<head>	
		<script type='text/javascript'>			
		window.onload = function(){
			var chk = document.getElementsByName( 'item[]' ) ;
			for ( var i = 0 ; i < chk.length ; i++ )
			{
				chk[i].onclick = function(){
					var c = document.getElementById( 'content' ) ;
					( this.checked ) ?
						c.innerHTML +=  '<div id="' + this.value + '">' + this.value + '</div>' :
						c.removeChild( document.getElementById( this.value ) ) ;
				}
			}

		}
		</script>
	</head>
		<title>Pagina</title>
	<body>
		<form name='frm' id='frm'>
			<input value="Item 1" type="checkbox" name='item[]' />Item 1<br />
			<input value="Item 2" type="checkbox" name='item[]' />Item 2<br />
			<input value="Item 3" type="checkbox" name='item[]' />Item 3<br />
			<input value="Item 4" type="checkbox" name='item[]' />Item 4<br />
			<input value="Item 5" type="checkbox" name='item[]' />Item 5<br />
		</form><br />
		<div id='content'></div>
	</body>
</html>

espero que ajude abraço!

Link para o comentário
Compartilhar em outros sites

  • 0
Opa esse script deu certo sim, mas se eu tiver mais de uma lista, não insere, tem uma ideia do que seja?

Romerito Muito Obrigado em cara DEUS abençoe abraçoss

não entende a pergunta! :wacko:

Assim, esse script exibe os dados tudo certinho eu, criei um outro com outro id para teste e mesmo assim não exibiu, nesse mesmo script eu posso exibir os outros dados..

eu tenho uma div com "ITENS" e outra com "USUARIOS", consigo exibir os itens agora os usuarios não exibe...se não entendeu eu tento explicar melhor...

precisaria fazer uma função com esse script você tem uma ideia de como posso fazer? abraçosss

Editado por admendes
Link para o comentário
Compartilhar em outros sites

  • 0
Opa, romerito, teria como fazer isso com aquelas listas? (drop down ou sei la), mais por exemplo, quando X opção estiver marcada, aparecer X texto na textarea...?

não entende a pergunta! :wacko:

É assim, eu tenho um campo select em um formulário meu, aqueles que, você escolhe um Assunto da lista...

Vamos supor que eu tenha 3 valores:

Duvida

Sugestão

Reclamação

Eu queria o seguinte, quando escolhessem Duvida, aparecesse um texto embaixo dessa caixa (ou em outro lugar), como uma ajuda, e assim com os outros, exemplo:

Ao Selecionar DUVIDA aparece embaixo:

Por favor, para complementar sua duvida seja detalhista etc etc etc...

Ao selecionar SUGESTÃO aparece embaixo:

Seja detalhista na sua sugestão, para podermos atender você melhor etc etc....

Entendeu? Eu queria um texto de ajuda, que aparecesse apenas quando selecionado, é possivel? Não sei nada de javascript, só de php, mais acho que em php não da...

Link para o comentário
Compartilhar em outros sites

  • 0
É assim, eu tenho um campo select em um formulário meu, aqueles que, você escolhe um Assunto da lista...

Vamos supor que eu tenha 3 valores:

Duvida

Sugestão

Reclamação

Eu queria o seguinte, quando escolhessem Duvida, aparecesse um texto embaixo dessa caixa (ou em outro lugar), como uma ajuda, e assim com os outros, exemplo:

Ao Selecionar DUVIDA aparece embaixo:

Por favor, para complementar sua duvida seja detalhista etc etc etc...

Ao selecionar SUGESTÃO aparece embaixo:

Seja detalhista na sua sugestão, para podermos atender você melhor etc etc....

Entendeu? Eu queria um texto de ajuda, que aparecesse apenas quando selecionado, é possivel? Não sei nada de javascript, só de php, mais acho que em php não da...

poh tenta assim:

<html>
<head>
&lt;script type='text/javascript'>
window.onload = function(){
	var oSelec = document.getElementById( 'selec' ) ;
	var aText = [ 
					'' ,
					'Por favor, para complementar sua duvida seja detalhista etc etc etc...' , 
					'Seja detalhista na sua sugestão, para podermos atender você melhor etc etc....' , 
					'Não pode reclamar...'
				] ;
	oSelec.onchange = function(){
		document.getElementById( 'content' ).innerHTML = aText[this.value] ;
	}			
}
</script>
</head>
<title>Pagina</title>
<body>
<form name='frm' id='frm'>
	<select id='selec'>
		<option value='0'>..selecione</option>
		<option value='1'>Duvida</option>
		<option value='2'>Sugestão</option>
		<option value='3'>Reclamação</option>
	</select>	
</form><br />
<div id='content'></div>
</body>
</html>

falow!

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,3k
    • Posts
      652,5k
×
×
  • Criar Novo...