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

(Resolvido) Checkbox, como saber se foi marcado?

rutger2007

Perguntado por rutger2007,

 Share

Pergunta

rutger2007

rutger2007

Postado
Postado (editado)

probleminha...

EU TENHO 3 CAMPOS checkbox em um form... cada um precisa de informações adicionais...ou seja, marcando aquele item, deve aparecer um ou mais campos adicionais pedindo estas informações... 

<label><input type="checkbox" name="dinheiro" id="dc" />DINHEIRO/CHEQUE À VISTA</label><br /><div id='ddimp0'></div>
                <label><input type="checkbox" name="depident" id="di" />DEPÓSITO IDENTIFICADO</label><br /><div id='ddimp1'></div>
                <label><input type="checkbox" name="cheqpre" id="cp" />CHEQUES PRÉ-DATADOS</label><br /><div id='ddimp2'></div>

QUANDO O cliente escolher dinheiro, ele deve aparecer um campo NOMINAL A ? dentro do div ddimp0...

pergunta... como posso saber se o CHECKBOX FOI MARCADO??? Em campos input comuns eu pego o value... var dcy = document.getElementById('dc').value;

seria uma propriedade checked???

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

5 respostass a esta questão

Posts Recomendados

  • 0
Alexandrekirpa

Alexandrekirpa

Postado
Postado (editado)

Tudo bem que o ESerra já respondeu, mas taá algo mais 'direto'...

Insira um script na página:

<script language="Javascript">

function checar(){
cria=document.getElementById('din');
check1=document.getElementById('dc');
if(dc.checked){
cria.style.display='';
}else{
cria.style.display='none';
}
}
</script>
e coloque dentro da div 'ddimp0', o seguinte código - igual o abaixo: 
Nominal a: <input type="text" id="din" style="display:none">
Aqui o código todo: 
<script language="Javascript">

function checar(){
cria=document.getElementById('din');
check1=document.getElementById('dc');
if(dc.checked){
cria.style.display='';
}else{
cria.style.display='none';
}
}
</script>
<label><input type="checkbox" name="dinheiro" onclick="checar()" id="dc" />DINHEIRO/CHEQUE À VISTA</label><br />
<div id='ddimp0'>Nominal a: <input type="text" id="din" style="display:none"></div>
<label><input type="checkbox" name="depident" id="di" />DEPÓSITO IDENTIFICADO</label><br /><div id='ddimp1'></div>
<label><input type="checkbox" name="cheqpre" id="cp" />CHEQUES PRÉ-DATADOS</label><br /><div id='ddimp2'></div>

obrigado serra...aproveito você tem algum link de REFERENCIA SOBRE O JS ATUALIZADO AONDE EU POSSA SABER TODOS ESTES ATRIBUTOS [tipo checked!]???

---------------------------------------------------------------------------------------------------------------------------------------------

onde saber mais sobre atributos:

dá uma olhada ae:

http://www.w3schools.com/htmldom/dom_obj_checkbox.asp

http://www.w3schools.com/htmldom/dom_obj_radio.asp

http://www.w3schools.com/htmldom/dom_obj_text.asp

tem mais, é só procurar...

Editado por Alexandrekirpa
Link para o comentário
Compartilhar em outros sites
  • 0
rutger2007

rutger2007

Postado
  • Autor
Postado
Tudo bem que o ESerra já respondeu, mas taá algo mais 'direto'...

Insira um script na página:

&lt;script language="Javascript">

function checar(){
cria=document.getElementById('din');
check1=document.getElementById('dc');
if(dc.checked){
cria.style.display='';
}else{
cria.style.display='none';
}
}
</script>
e coloque dentro da div 'ddimp0', o seguinte código - igual o abaixo: 
Nominal a: <input type="text" id="din" style="display:none">
Aqui o código todo: 
&lt;script language="Javascript">

function checar(){
cria=document.getElementById('din');
check1=document.getElementById('dc');
if(dc.checked){
cria.style.display='';
}else{
cria.style.display='none';
}
}
</script>
<label><input type="checkbox" name="dinheiro" onclick="checar()" id="dc" />DINHEIRO/CHEQUE À VISTA</label><br />
<div id='ddimp0'>Nominal a: <input type="text" id="din" style="display:none"></div>
<label><input type="checkbox" name="depident" id="di" />DEPÓSITO IDENTIFICADO</label><br /><div id='ddimp1'></div>
<label><input type="checkbox" name="cheqpre" id="cp" />CHEQUES PRÉ-DATADOS</label><br /><div id='ddimp2'></div>

obrigado serra...aproveito você tem algum link de REFERENCIA SOBRE O JS ATUALIZADO AONDE EU POSSA SABER TODOS ESTES ATRIBUTOS [tipo checked!]???

---------------------------------------------------------------------------------------------------------------------------------------------

onde saber mais sobre atributos:

dá uma olhada ae:

http://www.w3schools.com/htmldom/dom_obj_checkbox.asp

http://www.w3schools.com/htmldom/dom_obj_radio.asp

http://www.w3schools.com/htmldom/dom_obj_text.asp

tem mais, é só procurar...

ALEXANDRE... muito obrigado pelo script... eu tinha outro que estava adaptando [coisas de quem está apenas no seu 4º ou 5º script JS], mas o seu está superenxuto... obrigado pelos links tb... vou visita-los agora.

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

rutger2007

Postado
  • Autor
Postado

AMIGOS... APESAR DE ESTAR COM UM CODIGO FEIO PARA CARAMBA, JÁ TAH FUNCIONANDO... EU É CLARO VOU PENSAR EM DEIXA-LO MELHOR, MAS EXPLOREI O TRUQUE DO DISPLAY ATÉ ENCHER O SACO... DEIXO O CODIGO PARA alguém QUE SE INTERESSE... MODERADORES ESTÁ [RESOLVIDO]...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">


<script language="JavaScript" type="text/javascript" >
       
            function checar(id){
                    din=document.getElementById('din');
                    bc=document.getElementById('bc');
                    ac=document.getElementById('ac');
                    cc=document.getElementById('cc');
                    din2=document.getElementById('din2');
                    np=document.getElementById('np');
                    din3=document.getElementById('din3');
                    
                    dc=document.getElementById('dc');
                    di=document.getElementById('di');
                    cp=document.getElementById('cp');
                    
                    money=document.getElementById('dinheiro');
                    depos=document.getElementById('deposito');
                    chpre=document.getElementById('chequepre');
                
                    if(dc.checked){
                            din.style.display='';
                            money.style.display='';
                        }else{
                            din.style.display='none';
                            money.style.display='none';
                        }
                        
                    if(di.checked){
                            depos.style.display='';
                            bc.style.display='';
                            ac.style.display='';
                            cc.style.display='';
                            din2.style.display='';
                        }else{
                            depos.style.display='none';
                            bc.style.display='none';
                            ac.style.display='none';
                            cc.style.display='none';
                            din2.style.display='none';
                        }
                    if(cp.checked){
                            chpre.style.display='';
                            np.style.display='';
                            din3.style.display='';
                        }else{
                            chpre.style.display='none';
                            np.style.display='none';
                            din3.style.display='none';
                        }
                        
                }
                
                
                
                
</script>
<style>
#dinheiro, #deposito, #chequepre { font-size: 12px; font-family:verdana; color:#f00; font-weight:bold;}


</style>
</head>
<body onload="checar()">
<p><b>FORMAS DE PAGAMENTO</b></p>

<form method='post' action='O SEU SCRIPT.php' name='formcfm'>
    <table align='center' >
        <tr>
            <td colspan='2' style='color:#f00;'>SELECIONE DENTRE AS OPÇÕES ABAIXO: Pelo menos um é obrigatório.</td>
        </tr>
        <tr>
            <td colspan='2' >
                    <label><input type="checkbox" name="dinheiro" onclick="checar(this)" id="dc" />DINHEIRO/CHEQUE À VISTA</label><br />
                    <div id='ddimp0'>
                        <label id="dinheiro">Nominal a: <input type="text" id="din" style="display:none"></label>
                    </div>
                                                
                <label><input type="checkbox" name="depident" onclick="checar(this)" id="di" />DEPÓSITO IDENTIFICADO</label><br />
                    <div id='ddimp1'>
                        <label id="deposito"> Banco:<input type="text" id="bc" style="display:none"><br />
                                        Agência: <input type="text" id="ac" style="display:none"><br />
                                        Conta: <input type="text" id="cc" style="display:none"><br />
                                        Em nome de: <input type="text" id="din2" style="display:none"></label>
                    </div>
                                                
                <label><input type="checkbox" name="cheqpre" onclick="checar(this)" id="cp" />CHEQUES PRÉ-DATADOS</label><br />
                    <div id='ddimp2'>
                        <label id="chequepre">Número Máximo de Parcelas:<input type="text" id="np" style="display:none"><br />
                                           Nominais a: <input type="text" id="din3" style="display:none"></label>
                    </div>
                                                
            </td>
        </tr>
        <tr>
            <td colspan='2'><span id='ddimp'></span></td>
        </tr>
        <tr>
            <td colspan='2'>
                <input type='submit' name='cadastre' value='Cadastrar'>
            </td>
        </tr>        
    </table>
</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,1k
    • Posts
      651,8k
×
×
  • Criar Novo...