PRoblemas com Jquery no IE
Tudo bem pessoal? Estou com o seguinte problema: Em meu projeto tenho uma página de cadastro, que está dividida em 2 divs, uma com dados relativos a pessoa Jurídica, e outra a pessoa física.Bem acima dessas divs, tenho dois radio buttons para que o usuário escolha se é pessoa física ou juridica(Primeiro pessoa Física e depois pessoa Jurídica). Ao entrar nesta página de cadastros, ambas as divs estão ocultas. Quando o usuário clicar em uma das opções do radio button, a div escolhida é habilitada. No firefox,tudo funciona perfeitamente, mas no IE6, 7 e 8, ocorre um bug. Quando clico em pessoa física, nada acontece. É necessário que eu clique primeiro em pessoa jurídica, para que tudo possa funcionar.
<!-- Script que verifica se o usuário se cadastrou como pessoa física ou jurídica, e desabilita a div oposta -->
<script>
$().ready(function(){
$(".pessoa").change(function(){
if($(this).val() == "F"){
$("#pessoaJuridica").css("display","none");
$("#pessoaFisica").css("display","block");
$("#nome").removeAttr('disabled');
$("#CLI_SEXO").removeAttr('disabled', true);
$("#cpf").removeAttr('disabled');
$("#dia1").removeAttr('disabled');
$("#mes1").removeAttr('disabled');
$("#ano1").removeAttr('disabled');
$("#nomePessoaJuridica").attr('disabled', true);
$("#cnpj").attr('disabled', true);
$("#dia2").attr('disabled', true);
$("#mes2").attr('disabled', true);
$("#ano2").attr('disabled', true);
}else{
$("#pessoaFisica").css("display","none");
$("#pessoaJuridica").css("display","block");
$("#nome").attr('disabled', true);
$("#CLI_SEXO").attr('disabled', true);
$("#cpf").attr('disabled', true);
$("#dia1").attr('disabled', true);
$("#mes1").attr('disabled', true);
$("#ano1").attr('disabled', true);
$("#nomePessoaJuridica").removeAttr('disabled');
$("#cnpj").removeAttr('disabled');
$("#dia2").removeAttr('disabled');
$("#mes2").removeAttr('disabled');
$("#ano2").removeAttr('disabled');
}
});
//Utilizo código php para informar o tipo de pessoa cadastrada.
pessoa = '<?php echo $this->pessoa;?>';
if(pessoa == "F")
{
$("#pessoaJuridica").css("display","none");
$("#pessoaFisica").css("display","block");
$("#nome").removeAttr('disabled');
$("#cpf").removeAttr('disabled');
$("#dia1").removeAttr('disabled');
$("#mes1").removeAttr('disabled');
$("#ano1").removeAttr('disabled');
$("#nomePessoaJuridica").attr('disabled', true);
$("#cnpj").attr('disabled', true);
$("#dia2").attr('disabled', true);
$("#mes2").attr('disabled', true);
$("#ano2").attr('disabled', true);
}
if(pessoa == "J")
{
$("#pessoaFisica").css("display","none");
$("#pessoaJuridica").css("display","block");
$("#nome").attr('disabled', true);
$("#cpf").attr('disabled', true);
$("#dia1").attr('disabled', true);
$("#mes1").attr('disabled', true);
$("#ano1").attr('disabled', true);
$("#nomePessoaJuridica").removeAttr('disabled');
$("#cnpj").removeAttr('disabled');
$("#dia2").removeAttr('disabled');
$("#mes2").removeAttr('disabled');
$("#ano2").removeAttr('disabled');
}
//máscara para o cpf.
$("#cpf").mask("99999999999");
});
</script>Como posso resolver isso?
Discussão (1)
Carregando comentários...