Javascript: checkbox e campo de texto

23 de agosto de 2011 2 respostas

andrerochajp 23 de agosto de 2011

Pessoal preciso criar um check box que assim que for marcado apareça um campo de texto para usuário digitar um número, ficou dessa forma:

<tr class="itemTr">
                  <td class="formLabel">
                    <span class="spamFormLabel">
                      Caixa Mãe
                    </span>
                  </td>
                  <td class="formField">
                    <input id="caixamae" type="checkbox" onclick="val();" onload="check(0)"/>


                  </td>
                </tr>
                <tr class="itemTr">
                  <td class="formLabel">
                    <span class="spamFormLabel">
                      Qtd Caixa Mãe
                    </span>
                    <bean:message key="jsp.fieldnotnull"/>
                  </td>
                  <td class="formField">
                    <html:text property="qt_caixamae" styleId="qt_caixamae" styleClass="baseField" size="10" maxlength="10"/>
                  </td>
                </tr>

<script type="text/javascript">
                  function val(){
                    if(document.getElementById('caixamae').checked){
                      document.getElementById('qt_caixamae').style.visibility = 'visible';
                      alert("Insira um valor para caixa mãe.");
                    }else {
                      document.getElementById('qt_caixamae').style.visibility = 'hidden';
                    }
                  }
                </script>

O checkbox está normal, carrega a página ele está desmarcado porém o campo de texto é carregado na página já exibido.
Como posso alterar isso?

2 Respostas

EduFranzoni 23 de ago. de 2011

eu faria quase da mesma forma, mas em vez de esconder o elemento direto usando visibility e hidden, tente colocar ele dentro de uma div, e mude a propriedade da div de acordo com a necessidade. quase mesma coisa

andrerochajp 23 de ago. de 2011

Deu certo, eu fiz dessa forma:

<script type="text/javascript">
                  if(document.getElementById('caixamae').checked == false){
                    document.getElementById('qt_caixamae').style.visibility = 'hidden';

                  }
                </script>

Agora tenhoq ue fazer uma validação no java, ao usuário inserir os dados se o checkbox estiver marcado e o campo for diferente de vazio inserir, senão não inserir…
Alguem sabe como faz isos no java?

Criado 23 de agosto de 2011

Ultima resposta 23 de ago. de 2011

Respostas 2

Participantes 2

2 Respostas

Topicos relacionados