Bootstrap 4 ile yaptıgım tab menu var burada a href ile çalışıyor bunları radio butona cevirmek istiyorum.
Normalde çalışması:
PHP:
<div class="row">
<label class="custom-control custom-radio">
<input id="radio1" name="radio" type="radio">
<span class="custom-control-indicator"></span>
<span class="custom-control-description">Kredi Kartı</span>
</label>
<label class="custom-control custom-radio">
<input id="radio2" name="radio" type="radio">
<span class="custom-control-indicator"></span>
<span class="custom-control-description">Havale</span>
</label>
<label class="custom-control custom-radio">
<input id="radio3" name="radio" type="radio">
<span class="custom-control-indicator"></span>
<span class="custom-control-description">Kapıda Öde</span>
</label>
<label class="custom-control custom-radio">
<input id="radio4" name="radio" type="radio">
<span class="custom-control-indicator"></span>
<span class="custom-control-description">Mail Order</span>
</label>
</div>
<div class="tab-content">
<div class="tab-pane" id="kredikarti"></div>
<div class="tab-pane" id="Havale"></div>
<div class="tab-pane" id="Kapıdaode"></div>
<div class="tab-pane" id="mailorder"></div>
</div>
PHP:
<ul class="nav nav-tabs">
<li class="nav-item"><a href="#kredikarti" data-toggle="tab" class="nav-link">Kredi Kart</a></li>
<li class="nav-item"><a href="#paypal" data-toggle="tab" class="nav-link">Paypal</a></li>
<li class="nav-item"><a href="#oteldeode" data-toggle="tab" class="nav-link">Otelde Ödeme</a></li>
<li class="nav-item"><a href="#mailorder" data-toggle="tab" class="nav-link">Mail Order</a></li>
<li class="nav-item"><a href="#banka" data-toggle="tab" class="nav-link">Havale / EFT</a></li>
</ul>