我如何选择一个标签，按下按钮后，我可以去指定的href链接

Question

动态来自数据库的href链接的代码

@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>
@endforeach

选择类名后将更改为定时选择蓝色高亮，

我想选择一个像这样的a元素

当我将按下按钮，然后我想重定向指定链接的href我想每次只选择一个元素

按钮代码

<div class="submit-section proceed-btn text-right">
<a href="#" onclick="submit()" class="btn btn-primary submit-btn">Proceed to Pay</a>
</div>

我在这里使用的jquery代码只有一个元素可以改变现在我想只重定向链接提交后按下

<script>
function clicktime(id)
{
$("a").removeClass("timing selected");
$("a").toggleClass("timing");
document.getElementById(id).className = "timing selected";
}
</script>

Answer 1

首先，使用preventDefault();

防止a标签重定向

@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>
@endforeach

然后将url设置在像

这样的按钮代码上

<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>