Probleminha com JavaScript

Front-end
#1

Fala galera to com uma duvida aqui!!!
So iniciante na area, então desculpem a ignorância!!!

seguinte, tenho uma area do meu projeto que preenche dinamicamente uma tela com varios checkbox (de acordo com o Banco de Dados)

e eu gostaria fazer o seguinte, quando o usuario selecionar o checkbox quero exibir dois campos texto para ele digitar uma data.

no momento meu teste é criar os dois campos e deixar eles invisivel, então quando o usuario selecionar o checkBox o campo fica visivel.

mas não estou conseguindo, quando seleciono o checkBox da um erro de [object error]

o codigo abaixo fica dentro de um div:

[code]


<% ResultSet rs_tipoEncaminhamento = tipoEncaminhamento.listarTipoEncaminhamento();
while(rs_tipoEncaminhamento.next()){%>


<%=rs_tipoEncaminhamento.getString(“nom_tip_encaminhamento”)%>

<%ResultSet rs_encaminhamento = encaminhamento.listarEncaminhamento(rs_tipoEncaminhamento.getInt(“cod_tip_encaminhamento”));
while(rs_encaminhamento.next()){%>
<input type=“checkbox” name=“codEncaminhamento” id=“codEncaminhamento” onclick=“complementoEncaminhamento()” value="<%=rs_encaminhamento.getString(“cod_encaminhamento”)%>"><%=rs_encaminhamento.getString(“nom_encaminhamento”)%>
                                    <input type="text" name="dtInicioPrograma" id="dtInicioPrograma" size="10" maxlength="10" onkeyup="formatar(this,'##/##/####',event)" onblur="validaData(this)" style="visibility: hidden">
                                    <input type="text" name="dtFinalPrograma" id="dtFinalPrograma" size="10" maxlength="10" onkeyup="formatar(this,'##/##/####',event)" onblur="validaData(this)" style="visibility: hidden">
                                        <%}%>
                                    <br>
                                </td>
                            </tr>
                            
                            <%}%>
                        </table>

[/code]

e o evento onclick chama essa função:

[code]function complementoEncaminhamento(){
try{
var checa = document.getElementById(“codEncaminhamento”);
var dtInicio = document.getElementById(“dtInicioPrograma”);
var dtFinal = document.getElementById(“dtFinalPrograma”);

    if(checa.checked==true)
    {
        //dtInicio.setAttribute("style",visible);
        //dtFinal.setAttribute("style",visible);
        dtInicio.style ("visibility: visible");
        dtFinal.style ("visibility: visible");
        //dtInicio.visibility("visible");
        //dtFinal.visibility("visible");
    }
    
} catch(erro){
        alert("Erro ao Carregar Complementos: "+erro);
  }

}[/code]

galera, me ajudem aew vai!!!
valeuuu!!!
#2

[quote=viniceranogueira]

[code]function complementoEncaminhamento(){
try{
var checa = document.getElementById(“codEncaminhamento”);
var dtInicio = document.getElementById(“dtInicioPrograma”);
var dtFinal = document.getElementById(“dtFinalPrograma”);

    if(checa.checked==true)
    {
        //dtInicio.setAttribute("style",visible);
        //dtFinal.setAttribute("style",visible);
        dtInicio.style ("visibility: visible");
        dtFinal.style ("visibility: visible");
        //dtInicio.visibility("visible");
        //dtFinal.visibility("visible");
    }
    
} catch(erro){
        alert("Erro ao Carregar Complementos: "+erro);
  }

}[/code][/quote]

Acho que assim funciona:

dtInicio.style.visibility = 'visible';
dtFinal.style.visibility = 'visible';
#3

valeeeeeeeuuuuu wariows!!!

deu certinho cara!!!

brigadaum!!!

#4