0

Estoy trabajando con un formulario de "compra" en el cual tengo, ademas de muchos inputs, dos en particular con radios que son Pago en efectivo y Pago con tarjeta. Cuando mi comprador seleccione Pago con efectivo y de click en Enviar debe aparecerle (en mi caso) el template de confirmacion donde tiene los datos del vendedor. En caso de que presione "Pago con tarjeta" no debe, al enviar, aparecerle este template sino... continuar con la validacion siguiente en el cual completar los datos de la tarjeta... y luego si, esta todo ok, enviarlo. Esto lo estoy trabajando con jquery, podrian decirme que codigo usar?

Estos son mis dos inputs:

<input type="radio" name="confirmado" id="radio2" value="comprobar">Efectivo</input><br/>
<input type="radio" name="pago" id="radio2" value="comprobar">Con tarjeta</input>

1 respuesta 1

1

Lo que puedes hacer es que al seleccionar el radio tarjeta, mostra la informacion adicional relacionado a la tarjeta.

Eso puedes hacerlo con el metodo click() sobre los 2 radios, si se selecciona tarjeta mostramos el div, sino lo ocultamos:

$("input[name=pago]").click(function(){
  // si es tarjeta, mostramos el div que contiene la inforamcion adicional
  if(this.id == "tarjeta"){
    $("#contenido-tarjeta").show();
  }else{
    $("#contenido-tarjeta").hide();
  }
});

$("button").click(function(){

  if(!$("input[name=pago]").is(":checked")) {
    console.log("enviar informacion del formulario");
  }
  else {
     console.log("informacion valida");
  }  
});
#contenido-tarjeta{
  display:none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="pago" id="efectivo" value="comprobar">Efectivo<br/>
<input type="radio" name="pago" id="tarjeta" value="comprobar"/>Con tarjeta

<div id="contenido-tarjeta">

<div>
  Fecha vencimiento <input type="text" />
</div>

<div>
  Codigo <input type="text" />
</div>

</div>
<br>
<button>enviar</button>

10
  • Muchas gracias!Les habia puesto el mismo nombre antes, toda esa parte funciona bien, sabes como puedo seguir?
    – vanesa
    el 26 sep. 2017 a las 18:06
  • No te entendi. Te falla algo?
    – Einer
    el 26 sep. 2017 a las 18:11
  • Perdon.. la idea es que al seleccionar pago en efectivo el comprador ya pueda dar click en enviar y ver los datos del comprador. en cambio si da click en con tarjeta... tenga que seguir validando los datos de la tarjeta, como si fuese un subformulario. Necesito, digamos, saber que funcion de jquery haria eso y como?
    – vanesa
    el 26 sep. 2017 a las 18:16
  • Y tienes ya el formulario que se mostrara cuando se seleccione tarjeta?
    – Einer
    el 26 sep. 2017 a las 18:18
  • 1
    si lo crees conveniente puedes aceptar la respuesta.
    – Einer
    el 26 sep. 2017 a las 23:52

Tu Respuesta

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

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