Gostaria de adaptar minha função JQUERY para que quando desmarcar a checkbox "É cruzamento" desapareça o campo texto txt_endereco_ocorrencia_02
e surgisse o campo txt_endereco_ocorrencia_numero
, apenas conseguir fazer o campo txt_endereco_ocorrencia_02
aparecer ao clicar na checkbox e não desaparece o campo txt_endereco_ocorrencia_numero
, já carrega desabilitado o campo txt_endereco_ocorrencia_02
ao abrir o formulário, vejam abaixo, acredito que terei de mudar alguns pontos:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="jquery/js/jquery-1.9.1.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$("#esconder_ocorrencia_02").hide();
});
function getval(sel) {
var selecao = sel.value;
if (selecao == "Desligado") {
alert("funcionou");
document.getElementById("#esconder_ocorrencia_02").innerHTML = $("#esconder_ocorrencia_02").show();
} else {
$("#esconder_ocorrencia_02").hide();
}
}
</script>
<tr>
<td><strong>Endereço Ocorrência</strong></td>
<td><input type="text" name="txt_endereco_ocorrencia_01" size="70" />
<strong>Número</strong>
<input type="text" name="txt_endereco_ocorrencia_numero" size="8">
<input type="checkbox" name="chk_cruzamento" id="cruzamento" value="Desligado" onclick="getval(this);">É cruzamento?<br /><br />
<div id="esconder_ocorrencia_02">
<input type="text" name="txt_endereco_ocorrencia_02" size="70"></div>
</td>
</tr>