Ir ao conteúdo
  • Cadastre-se
Hisoka.

Preencher valor de radio button via ajax

Recommended Posts

Bom dia,

 

Queria uma ajuda pois tenho um formulário que faço todo o seu preenchimento via Ajax. Porém não sei como preencher o radio button usando o Ajax. No caso o radio button corresponde ao perfil do usuário.

 

Função Ajax para preencher os campos:

function carregaDadosUsuarioJSon(id){
    		$.post(base_url+'/index.php/usuario/usuario_controller/dados_usuario', {
    			id: id
    		}, function (data){
    			$('#nome').val(data.nome);
    			$('#senha').val(data.senha);
    			$('#email').val(data.email);
    			$('#setor').val(data.setor);
                        
    			if(val(data.perfil) == 'administrador'){
                            
                        $('#administrador').prop('checked' , true);
                        
                       }else{ 
                           
                        $('#administrador').prop('checked' , false);
                           
                       }
    		}, 'json');
    	} 

Formulário:

<form role="form" method="post" action="<?= base_url('index.php/usuario/usuario_controller/salvar_usuario')?>" id="formulario_usuario">
			  <div class="form-group">
			    <label for="nome">Nome</label>
                            <input type="text"  class="form-control" id="nome"  name='nome'>
			  </div>
			 
			  <div class="form-group">
			    <label for="email">Senha</label>
                            <input type="password"  class="form-control" id="senha" name='senha'>
			  </div>
			  <div class="form-group">
			    <label for="nome">E-mail</label>
			    <input type="text"  class="form-control" id="email"  name='email'>
			  </div>
			  <div class="form-group">
			    <label for="email">Perfil:</label>
			    <label class="radio-inline">
                                <input type="radio" name="perfil" id="usuario" value="usuario" checked="checked"> Usuário
                              </label>
                              <label class="radio-inline">
                                <input type="radio" name="perfil" id="administrador" value="administrador"> Administrador
                              </label>
                            </div>
			  <div class="form-group">
			    <label for="setor">Setor</label>
                            <select class="form-control" name="setor" id="setor">
                                <option value="ti">TI</option>
                                <option value="engenharia">Engenharia</option>
                                <option value="medico">Médico</option>
                                <option value="suporte">Suporte</option>
                                <option value="arquitetura">Arquitetura</option>
                            </select>
			  </div>
			  
			  <input type="hidden" name="id" id="id" value="" />
			</form>	    

Eu só validei o retorno com valor de "administrador" porque ele já vem preenchido como perfil "usuário" por default. Mas mesmo assim continua não trazendo o valor. O que eu poderia mudar?

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Hisoka. Olá, seja bem vindo em nosso Fórum do Clube do Hardware.

 

Então vendo seu código,  creio que você poderia acrescentar nos dois uma CLASSE que sirva para os dois como por exemplo tipo_conta.

 

Ficaria assim:

<label class="radio-inline">
  <input type="radio" name="perfil" class="tipo_conta" value="usuario" checked="checked"> Usuário
</label>
<label class="radio-inline">
  <input type="radio" name="perfil" class="tipo_conta" value="administrador"> Administrador
</label>

Então no seu jQuery atribua esta classe para a função val(). O mesmo serve para testar o valor dela.. você está testando ela pela metade.

 

Tente desta maneira:

var tipo_conta = $('.tipo_conta').val(data.perfil);
                        
if(tipo_conta == 'administrador'){

  $('#administrador').prop('checked' , true);

}else{ 

  $('#usuario').prop('checked' ,true);

}

Lembrando que isso é só um exemplo. não copie. Pode estar errado em alguma parte.. fiz de cabeça.

Pode ser que seja mais interessante se você usar a função $.ajax()  do que a $.post()

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×