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

Inserir Valor Checkbox Em Textarea

dioni

Perguntado por dioni,

 Share

Pergunta

dioni

dioni

Postado
Postado

pessoal , preciso de um script que pegue o valor de um checkbox quando for selecionado e insira em um campo area de texto(textarea).

Se possivel também quando desmarcar o checkbox uma outra função ou a mesma função retire o valor inserido no da textarea.

desde já agradeço a colaboração de todos

Atenciosamente

Dioni

Link para o comentário
Compartilhar em outros sites

10 respostass a esta questão

Posts Recomendados

  • 0
dioni

dioni

Postado
  • Autor
Postado

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<meta name="GENERATOR" content="Microsoft FrontPage 4.0">

<meta name="ProgId" content="FrontPage.Editor.Document">

<title>Nova pagina 1</title>

<script Language="JavaScript">

<!--

function copia(campo_origem,campo_fim) {

if(F1.campo_origem.checked=true)

var destino

origem = campo_origem

destino = campo_fim

destino = campo_origem + campo_fim;

}

-->

</Script>

</head>

<body>

<form name=F1>

Selecione os Acessórios para o seu vêículo:

<br>

<input type="checkbox" name="campo_origem" value="Ar condicionado" size="20" onclick="copia(this,campo_fim);" >Ar

condicionado

<br>

<input type="checkbox" name="campo_origem" value="Alarme" size="20" onclick="copia(this,campo_fim);" >Alarme

<br>

<input type="checkbox" name="campo_origem" value="Trava Elétrica" size="20" onclick="copia(this,campo_fim);" >Trava

Elétrica

<p>Observação:</p>

<p><textarea name="campo_fim" rows="5" cols="35"></textarea>

</p>

<p>&nbsp;

</p>

</form>

</body>

</html>

Link para o comentário
Compartilhar em outros sites
  • 0
.Andreia.

.Andreia.

Postado
Postado

Montei aqui, funcionou no IE:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Nova pagina 1</title>
<script Language="JavaScript">
function copia(campo_origem,campo_fim) {
if(campo_origem.checked)
{
campo_fim.value = campo_fim.value + campo_origem.value + '\n';
}
else
{
campo_fim.value = campo_fim.value.toString().replace(campo_origem.value,"");
}
}
</Script> 

</head>

<body>
<form name=F1>
Selecione os Acessórios para o seu vêículo: 
<br>
<input type="checkbox" name="campo_origem" value="Ar condicionado" size="20" onclick="copia(this,campo_fim);" >Ar
condicionado
<br>
<input type="checkbox" name="campo_origem" value="Alarme" size="20" onclick="copia(this,campo_fim);" >Alarme
<br>

<input type="checkbox" name="campo_origem" value="Trava Elétrica" size="20" onclick="copia(this,campo_fim);" >Trava
Elétrica
<p>Observação:</p>

<p><textarea name="campo_fim" rows="5" cols="35"></textarea>
</p>
<p>&nbsp;
</p>
</form>


</body>

</html>

Link para o comentário
Compartilhar em outros sites
  • 0
Guest Visitante

Guest Visitante

Postado
Postado

campo_fim.value = campo_fim.value.toString().replace(campo_origem.value,"");

Andréia, a parte em azul você poderia me explicar como funciona?

O que entendi nesta linha do script:

O valor adcionado no campo_fim e substituido por "";

Link para o comentário
Compartilhar em outros sites
  • 0
.Andreia.

.Andreia.

Postado
Postado

opa explico sim, então.. quando voce seleciona um item ele marca la embaixo certo? Quando voce desmarca ele pega o check marcado e procura no textarea para apagar.

campo_origem é o valor do check clicado, ele substitui por "" ou seja, por nada, isso para apagar, entendeu? ;)

Link para o comentário
Compartilhar em outros sites
  • 0
Guest Visitante

Guest Visitante

Postado
Postado

Algue pode me ajudar no código abaixo:

Quando o usuário selecionar uma opção no select , se a opção for igual a carros torna a tabela1 visivel

quando for diferente , ela continua oculta

Segue abaixo o código que tenho:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<meta name="GENERATOR" content="Microsoft FrontPage 4.0">

<meta name="ProgId" content="FrontPage.Editor.Document">

<title>Nova pagina 1</title>

<script Language="JavaScript">

function ocultar(opcao,tbl) {

if (opcao.value == "carros")

{

document.getElementById(tbl).style.display:inline;

}

else

{

document.getElementById(tbl).style.display:none;

}

}

function copia(campo_origem,campo_fim) {

if(campo_origem.checked)

{

campo_fim.value = campo_fim.value + campo_origem.value + '\n';

}

else

{

campo_fim.value = campo_fim.value.toString().replace(campo_origem.value,"");

}

}

</Script>

</head>

<body>

<form name=F1>

Selecione os Acessórios para o seu vêículo:

<br>

<br>

<select size="1" name="opcao" onchange="ocultar(this,'tabela1');">

<option>carros</option>

<option>motos</option>

&nbsp;

</select>

<br>

<table border="0" width="54%" id="tabela1" style="display: none";>

<tr>

<td width="23%"><input type="checkbox" name="campo_origem1" value="Ar condicionado" size="20" onclick="copia(this,campo_fim);" ></td>

<td width="77%">Ar

condicionado</td>

</tr>

<tr>

<td width="23%"><input type="checkbox" name="campo_origem2" value="Alarme" size="20" onclick="copia(this,campo_fim);" ></td>

<td width="77%">Alarme</td>

</tr>

<tr>

<td width="23%"><input type="checkbox" name="campo_origem" value="Trava Elétrica" size="20" onclick="copia(this,campo_fim);" ></td>

<td width="77%">Trava

Elétrica</td>

</tr>

</table>

<p>Observação:</p>

<p><textarea name="campo_fim" rows="5" cols="35"></textarea>

</p>

<p>&nbsp;

</p>

</form>

</body>

</html>

Link para o comentário
Compartilhar em outros sites
  • 0
.Andreia.

.Andreia.

Postado
Postado 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Nova pagina 1</title>
<script Language="JavaScript">
function ocultar(opcao,tbl) {
if (opcao.value == "carros")
{
document.getElementById(tbl).style.display="inline";
}
else
{
document.getElementById(tbl).style.display="none";
}
}

function copia(campo_origem,campo_fim) {
if(campo_origem.checked)
{
campo_fim.value = campo_fim.value + campo_origem.value + '\n';
}
else
{
campo_fim.value = campo_fim.value.toString().replace(campo_origem.value,"");
}
}
</Script> 

</head>

<body>
<form name=F1>
Selecione os Acessórios para o seu vêículo: 
<br>
<br>
<select size="1" name="opcao" onchange="ocultar(this,'tabela1');">
<option value=""></option>
<option value="carros">carros</option>
<option value="motos">motos</option>
&nbsp;

</select>
<br>

<table border="0" width="54%" id="tabela1" style="display: none";>
<tr>
<td width="23%"><input type="checkbox" name="campo_origem1" value="Ar condicionado" size="20" onclick="copia(this,campo_fim);" ></td>
<td width="77%">Ar
condicionado</td>
</tr>
<tr>
<td width="23%"><input type="checkbox" name="campo_origem2" value="Alarme" size="20" onclick="copia(this,campo_fim);" ></td>
<td width="77%">Alarme</td>
</tr>
<tr>
<td width="23%"><input type="checkbox" name="campo_origem" value="Trava Elétrica" size="20" onclick="copia(this,campo_fim);" ></td>
<td width="77%">Trava
Elétrica</td>
</tr>
</table>
<p>Observação:</p>

<p><textarea name="campo_fim" rows="5" cols="35"></textarea>
</p>
<p>&nbsp;
</p>
</form>


</body>

</html>

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.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,2k
×
×
  • Criar Novo...