Send a form after checking a checkbox in html with jquery

Question

Send a form after checking a checkbox in html with jquery

Navigation

#1 by (0 votes)

0

I am working with a "purchase" form in which I have, in addition to many inputs, two in particular with radios that are Cash Payment and Card Payment. When my buyer selects Pago with cash and click on Send, the confirmation template where he has the seller's data should appear (in my case). In case you press "Payment by card" you should not, when sending, this template appear but ... continue with the next validation in which to complete the data of the card ... and then if everything is ok, send it. This I am working with jquery, could you tell me what code to use?

These are my two 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>

java jquery html

asked by vanesa 26.09.2017 в 19:17

source

1 answer

Move Floating Action Button, which is on an Android Edittext Select query with SUM java

score 0 · Answer 1

What you can do is that when you select the radio card, it shows the additional information related to the card.

That you can do with the method click() on the 2 radios, if you select card we show the div, but hide it:

$("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>