Duyuruyu Kapat
Facebook Gözat
Twitter Gözat

radio buton tıklandıgında tab acılması

Konu, 'Javascript' kısmında Lnxtr tarafından paylaşıldı.

  1. Lnxtr

    Lnxtr Daimi Üye

    Kayıt:
    11 Mayıs 2006
    Mesajlar:
    1,345
    Beğenilen Mesajlar:
    2
    Meslek:
    İşsiz
    Şehir:
    Denizli
    Bootstrap 4 ile yaptıgım tab menu var burada a href ile çalışıyor bunları radio butona cevirmek istiyorum.

    Kod:
    <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>                     
    [/PHPR]Normalde çalışması:
    
    [PHPR]                        <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>
     
  2. MaviAteş

    MaviAteş Aktif Üye

    Kayıt:
    23 Mart 2007
    Mesajlar:
    440
    Beğenilen Mesajlar:
    5
    Meslek:
    Bilgisayar Sistemleri Öğretmeni
    Şehir:
    Başakşahir, İstanbul
    bunlar html kodları, jquery kodlarında düzenleme yaparak bunu sağlayabilirsiniz.