0

como puede acceder a un formulario seleccionando inputs radios?

tengo este ejemplo pero no me funciona

<input name="tabs" checked type="radio" data-target="#fisica">Persona Física
<input name="tabs" type="radio" data-target="#moral">Persona Moral
<input name="tabs" type="radio" data-target="#extranjero">Proveedor Extranjero

<div class="tab-content">
 <div id="fisica" class="tab-pane active schedule-pane">
   <form  id="personaFisica">
      <input type="text" name="prueba">aaaa
   </form>
 </div>
  <div id="moral" class="tab-pane active schedule-pane">
   <form  id="personaMoral">
      <input type="text" name="prueba">aaaa
   </form>
 </div>
</div>
14

1 respuesta 1

0

Agrega ID a cada radio y agregas lo siguiente:

    $('#radioFisica').click(function(){
      $('.tab-pane').removeClass('active');
      $('#fisica').addClass('active');
    });

  $('#radioMoral').click(function(){
      $('.tab-pane').removeClass('active');
      $('#moral').addClass('active');
    });
6
  • si llega a la funcion pero no muestra la tab el 21 jun. 2018 a las 16:01
  • intente con este tambien $(this).tab('show'); pero no lo muestra el 21 jun. 2018 a las 16:07
  • ¿Te muestra un mensaje de error la consola? el 21 jun. 2018 a las 16:37
  • puse un console para ver si enteaba en el if y si llegaba pero de ahi no funciona $('.tab-pane').removeClass('active'); $('#fisica').addClass('active'); el 21 jun. 2018 a las 16:50
  • ¿Si tienes cargado el js de bootstrap? bootstrap-vue.js.org/docs/components/tabs el 21 jun. 2018 a las 17:14

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.