tabs checkbox AdminLTE v2.3.8 urgent help

0

Sorry, I had this code in a previous template and they asked me to migrate it to this version of AdminLTE but it does not work for me and I have the bosses on top.

I need to use checkbox with tabs help please

I want you to show me the corresponding form that is inside a tabs when you click on a checkbox.

If I press the checkbox personaFisica show me the physical person form.

<script>
$('input[name="tabs"]').click(function () {
    $(this).tab('show');
});
</script>

<form id="guardar">
    <div class="row">
      <div class="col-md-4 text-center">
        <div class="radio">
          <label>
            <input name="tabs" checked type="radio" data-target="#fisica">Persona Física
          </label>
        </div>
      </div>
      <div class="col-md-4 text-center">
        <div class="radio">
          <label>
            <input name="tabs" type="radio" data-target="#moral">Persona Moral
          </label>
        </div>
      </div>
      <div class="col-md-4 text-center" >
        <div class="radio">
          <label>
            <input name="tabs" type="radio" data-target="#extranjeroo">Proveedor Extranjero
          </label>
        </div>
      </div>
    </div>
    <div class="tab-content">
      <div id="fisica" class="tab-pane active schedule-pane">
        <div class="row">
          <div class="col-xs-6 col-md-3">
            <div class="form-group">
              <label>Nombre</label>
              <input type="text" class="form-control input-sm" name="datos[nombre]">
            </div>
          </div>
          <div class="col-xs-6 col-md-3">
            <div class="form-group">
              <label>Apellido paterno</label>
              <input type="text" class="form-control input-sm" name="datos[apellidoPaterno]">
            </div>
          </div>
          <div class="col-xs-6 col-md-3">
            <div class="form-group">
              <label>Apellido materno</label>
              <input type="text" class="form-control input-sm" name="datos[apellidoMaterno]">
            </div>
          </div>
          <div class="col-xs-6 col-md-2">
            <div class="form-group">
              <label>RFC</label>
              <input type="text" class="form-control input-sm" maxlength="13" name="datos[rfc]">
            </div>
          </div>
          <div class="col-xs-6 col-md-3">
            <div class="form-group">
              <label>Nombre comercial</label>
              <input type="text" class="form-control input-sm" name="datos[nombreComercialF]">
            </div>
          </div>
          <div class="col-xs-6 col-md-3">
            <div class="form-group">
              <label>Razon Social</label>
              <input type="text" class="form-control input-sm" name="datos[razon_social]">
            </div>
          </div>
          <div class="col-xs-6 col-md-4">
            <div class="form-group">
              <label>Pagina web (descarga de CFDI's)</label>
              <input type="text" class="form-control input-sm" name="datos[pagina_web]">
            </div>
          </div>
        </div>
      </div>

      <div id="moral" class="tab-pane active schedule-pane">
        <div class="row">
          <div class="col-xs-6 col-md-3">
            <div class="form-group">
              <label>Nombre</label>
              <input type="text" class="form-control input-sm" name="datos[nombre]">
            </div>
          </div>
        </div>
      </div>


        <div class="row">
          <div class="col-xs-6 col-md-3">
            <div class="form-group">
              <label>Nombre comercial</label>
              <input type="text" class="form-control input-sm" name="datos[nombre_comercial]">
            </div>
          </div>
          <div class="col-xs-6 col-md-2">
            <div class="form-group">
              <label>RFC</label>
              <input type="text" class="form-control input-sm" maxlength="13" name="datos[rfc]">
            </div>
          </div>
          <div class="col-xs-6 col-md-3">
            <div class="form-group">
              <label>Razon Social</label>
              <input type="text" class="form-control input-sm" name="datos[razon_social]">
            </div>
          </div>
          <div class="col-xs-6 col-md-4">
            <div class="form-group">
              <label>Pagina web (descarga de CFDI's)</label>
              <input type="text" class="form-control input-sm" name="datos[pagina_web]">
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-6 col-md-3">
            <div class="form-group">
              <label>Regimen fiscal</label>
              <div class="row">
                <div class="col-md-6 col-xs-6">
                  <label class="radio-inline">
                    <input type="radio" name="datos[regimen_fiscal]" value="Fisica" checked>
                    Física
                  </label>
                </div>
                <div class="col-xs-6 col-md-6">
                  <label class="radio-inline">
                    <input type="radio" name="datos[regimen_fiscal]" value="Moral">
                    Moral
                  </label>
                </div>
              </div>
            </div>
          </div>
          <div class="col-xs-6 col-md-3">
            <div class="form-group">
              <label>Tipo</label>
              <div class="row">
                <div class="col-md-6 col-xs-6">
                  <label class="radio-inline">
                    <input type="radio" name="datos[tipo_proveedor]" value="Productos" checked>
                    Productos
                  </label>
                </div>
                <div class="col-md-6 col-xs-6">
                  <label class="radio-inline">
                    <input type="radio" name="datos[tipo_proveedor]" value="Servicios">
                    Servicios
                  </label>
                </div>
              </div>
            </div>
          </div>
          <div class="col-xs-6 col-md-3">
            <div class="form-group">
              <label>Tipo de Servicio</label>
              <div class="row">
                <div class="col-md-6 col-xs-6">
                  <label class="radio-inline">
                    <input type="radio" name="datos[tipo]" value="Nacional" checked>
                    Nacional
                  </label>
                </div>
                <div class="col-md-6 col-xs-6">
                  <label class="radio-inline">
                    <input type="radio" name="datos[tipo]" value="Extranjero">
                    Extranjero
                  </label>
                </div>
              </div>
            </div>
          </div>
          <div class="col-xs-6 col-md-3">
            <div class="form-group">
              <label>Teléfono</label>
              <input type="text" class="form-control input-sm" name="datos[telefono]" maxlength="10">
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-6 col-md-2">
            <div class="form-group">
              <label>Banco</label>
              <select class="form-control selectpicker" name="datos[banco]">
                <option selected value="">Seleccione</option>
                <?php 
                foreach ($bancos as $banco) {
                ?>
                <option value="<?php echo base64_encode($banco['bancos_id']);?>"><?php echo $banco['bancos_nombre'];?></option>
                <?php
                }
                ?>
              </select> 
            </div>
          </div>
          <div class="col-xs-6 col-md-3">
            <div class="form-group">
              <label>No° de cuenta</label>
              <input type="text" class="form-control input-sm" name="datos[numero_cuenta]">
            </div>
          </div>
          <div class="col-xs-6 col-md-3">
            <div class="form-group">
              <label>CLABE</label>
              <input type="text" class="form-control input-sm" name="datos[clabe]">
            </div>
          </div>
          <div class="col-xs-12 col-md-4">
            <div class="form-group">
              <label>Calle</label>
              <input type="text" class="form-control input-sm" name="datos[calle]">
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-6 col-md-2">
            <div class="form-group">
              <label>No° Ext</label>
              <input type="text" class="form-control input-sm" name="datos[numeroExterior]">
            </div>
          </div>
          <div class="col-xs-6 col-md-2">
            <div class="form-group">
              <label>No° Int</label>
              <input type="text" class="form-control input-sm" name="datos[numeroInterior]">
            </div>
          </div>
          <div class="col-xs-5 col-md-2">
            <div class="form-group">
              <label>CP</label>
                <div class="input-group">
                <input type="text" id="codigoPostal" class="form-control input-sm" maxlength="6">
                  <span class="input-group-btn">
                    <button type="button" class="btn btn-info btn-flat btn-sm" onclick="buscarCodigoPostal(this, '<?php echo base64_encode('buscarCodigoPostal');?>', 'codigoPostal', 'datosPrincipales');"><i class="fas fa-search"></i></button>
                  </span>
              </div>
            </div>
          </div>
          <div class="col-xs-7 col-md-6 divAsentamientos">
          </div>
        </div>
        <div class="divDatosCP">
        </div>
    </div>    
  </form>
    
asked by Carlos Enrique Gil Gil 20.06.2018 в 17:50
source

0 answers