El código de un enlace href que proviene dinámicamente de la base de datos.
@foreach($doctor->tuesday as $tuesday) <a class="timing" id="{{$tuesday->id}}" onclick="clicktime({{$tuesday->id}})" href="{{url('/')}}/fixschedule/{{$tuesday->id}}"> <span>{{date("g:i a",strtotime($tuesday->starttime))}}</span> </a> @endforeachdespués de seleccionar el nombre de la clase, se cambiará al tiempo seleccionado para el resaltado azul,
quiero seleccionar un elemento como este
cuando presione el botón, quiero redirigir el enlace especificado de un href y quiero seleccionar solo un elemento a la vez
codigo de boton
<div class="submit-section proceed-btn text-right"> <a href="#" onclick="submit()" class="btn btn-primary submit-btn">Proceed to Pay</a> </div>Usé aquí el código de jquery que solo un elemento puede cambiar ahora quiero ir solo al enlace redirigido después de presionar enviar
<script> function clicktime(id) { $("a").removeClass("timing selected"); $("a").toggleClass("timing"); document.getElementById(id).className = "timing selected"; } </script>Primero, evite que la etiqueta se redirija con preventDefault();
@foreach($doctor->tuesday as $tuesday) <a class="timing" id="{{$tuesday->id}}" onclick="preventDefault();clicktime({{$tuesday->id}})" href="{{url('/')}}/fixschedule/{{$tuesday->id}}"> <span>{{date("g:i a",strtotime($tuesday->starttime))}}</span> </a> @endforeachluego configure la URL en el código del botón como
<script> function clicktime(id) { $("a").removeClass("timing selected"); $("a").toggleClass("timing"); document.getElementById(id).className = "timing selected"; $(".submit-btn").attr('href',$("#"+id).attr('href'); } </script>