0
Kayıt Ol

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

1

●

141

  • 03-04-2018, 21:20:23
    #1
    nurettin
    nurettin
    Bootstrap 4 ile yaptıgım tab menu var burada a href ile çalışıyor bunları radio butona cevirmek istiyorum.
    <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>
    Normalde çalışması:

                            <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>
  • 04-04-2018, 19:47:20
    #2
    AkelBilisim
    AkelBilisim
    Kimlik doğrulama veya yönetimden onay bekliyor.
    nurettin adlı üyeden alıntı: mesajı görüntüle
    Bootstrap 4 ile yaptıgım tab menu var burada a href ile çalışıyor bunları radio butona cevirmek istiyorum.
    <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>
    Normalde çalışması:

                            <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>
    $( "#radio1" ).click(function() {

* $("#kredikarti").show();

});