Probleminha com JavaScript

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:

<table border="0" cellpading="0" cellspacing="4" width="100%" id="tabEncaminhamento">
                              <% ResultSet rs_tipoEncaminhamento = tipoEncaminhamento.listarTipoEncaminhamento();                                   
                                while(rs_tipoEncaminhamento.next()){%>
                                <tr>
                                    <td>
                                        <b><%=rs_tipoEncaminhamento.getString("nom_tip_encaminhamento")%></b><br>
                                        <%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")%><br>
                                        
                                        <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>

e o evento onclick chama essa função:

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);
      }
}

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

2 Respostas

Topicos relacionados