tengo una duda o alguna sugerencia de como implementar varios formularios de métodos de pago. Para mi caso de prueba estoy usando dos formularios: Formulario 1 y Formulario 2 y un botón general.
<ul class="clearFix">
<li class="methodview " id="Pago1">
<a href="javascript:;" rel="">Pago 1</a>
</li>
<li class="methodview " id="Pago2">
<a href="javascript:;" rel="">Pago 2</a>
</li>
</ul>
<form id="Formulario1" action="https://www.formulario1.com" method="post">
<input type="hidden" name="..." value="...">
...
<input type="hidden" name="submit">
</form>
<form id="Formulario2" action="https://www.formulario2.com" method="post">
<input type="hidden" name="..." value="...">
...
<input type="hidden" name="submit">
</form>
<div class="Button_Wrap">
<div class="footbt01">
<button type="button" style="display:none"><span>COMPRAR</span></button>
<a data-bs-dismiss="modal" aria-label="Close"><span>CANCELAR</span></a>
</div>
</div>
Lo que trato se hacer es que al hacer clic en un li se agrega la clase selected <li class="methodview selected> e inmediatamente el botón que está con el estilo display:none se activa y según la opción del li seleccionado al hacer clic en el botón COMPRAR se envía al formulario respectivo, siendo: Pago1/Formulario1 y Pago2/Formulario2.
Esto tengo hasta el momento para agregar la clase selected.
<script>
$(".clearFix li").click(function() {
$(".clearFix li").removeClass("selected");
$(this).addClass("selected");
});
</script>
De antemano muchas gracias!