Ir ao conteúdo
  • Cadastre-se

Preencher valor de radio button via ajax


Posts recomendados

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?

Link para o comentário
Compartilhar em outros sites

  • Moderador

@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()

Link para o comentário
Compartilhar em outros sites

Visitante
Este tópico está impedido de receber novas respostas.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades 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

×
×
  • Criar novo...