Ir para conteúdo

POWERED BY:

Arquivado

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

Jefferson NF

evento onclick - checkbox

Recommended Posts

boa tarde pessoal

sei q estou enviando mtos posts,mas eh q cada hora acontece uma coisa diferente

bom eu ja consegui uma função em JS q faz +ou- o q eu keria,q eh mostrar alguma coisa depois d clicado o checkbox

o problema eh q qnd eu entro a primeira vz na pagina ou a atualizo,mostra o q nao eh pra mostrar,ae eu tenho q clciar duas vzs no check box pra sumir d novo

 

meu codigo:

<input type="checkbox" name="garantia" value="checkbox" onclick="mostra()" />Garantia

<script type="text/javascript">

function mostra()

{

if (document.getElementById("obs").style.display == "block")

{

document.getElementById("obs").style.display = "none";

}

else

{

document.getElementById("obs").style.display = "block";

}

}

</script>

</td>

<td>Nota Fiscal: <input type='text'></td>

<td>Data: <input type='text'></td>

<tr id='obs'>

<td><center>OBS.: Anexo com Ordem de Serviço</center></td>

</tr>

qnd eu entro a primeria vz na pagina ou a atualizo,o campo com a OBS aparece,e nao kero isso kero q ele sempre fique oculto e só apareça qnd eu clicar no checkbox garantia

alguem sabe como fazer isso?

alguem pode me ajudar?

desde ja agradeço

Compartilhar este post


Link para o post
Compartilhar em outros sites

facil, muda o if:

 

if (document.getElementById("obs").style.display == "block")

 

para

 

if (document.getElementById("obs").style.display != "none")

Compartilhar este post


Link para o post
Compartilhar em outros sites

wilker, nao mudou nada aki

fiz o q você fez,mudei d == block para !=none

e msm assim continua aparecendo a <tr> qnd eu atualizo ou entro a primeira vz na pagina

alguma outra ideia?

 

<input type="checkbox" name="garantia" value="checkbox" onclick="mostra()" />Garantia

<script type="text/javascript">

function mostra()

{

if (document.getElementById("obs").style.display != "none")

{

document.getElementById("obs").style.display = "none";

}

else

{

document.getElementById("obs").style.display = "block";

}

}

</script>

</td>

<td id='nf'>Nota Fiscal: <input type='text'></td>

<td id='data'>Data: <input type='text'></td>

<tr id='obs'>

<td><center>OBS.: Anexo com Ordem de Serviço</center></td>

</tr>

Compartilhar este post


Link para o post
Compartilhar em outros sites

aparecendo vai ser estar sempre, afinal você n definiu nada, oque voce pode fazer eh aplicar o css direto no tr logo de inicio:

 

<tr id='obs' style='display: none;'>

Compartilhar este post


Link para o post
Compartilhar em outros sites

ah tah entendi

eu nao sabia q era com css hahaahah

brigadao

ta funcionando aqui

resolvido

abraços

brigado

 

ahh soh + uma coisa,por acaso você saberia como implemetnar uma função pra validar data nesse msm evento onclick,pq assim o usuario clica em garantia,ae eu mostro a observação mas tbm tenho q verificar se o ekipamento ainda esta na garantia,q eh d um ano

você tem alguma idea pra isso?

abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

Boa Tarde Pessoal!!

to com um pequeno problema,

estou fazendo uma tabela onde tenho que 25 linha com 4 opções de clique checkbox. quero fazer uma função que quando clucar no checkbox a celula fique de outra cor.

alguem pode me dar uma ideia?

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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