Basit Jquery işlemi (Yardım)

18-09-2019, 15:52:04

Kimlik doğrulama veya yönetimden onay bekliyor.

edit: çözüldü, yardımcı olan arkadaşlara teşekkürler

Merhaba

Radio checked olduğunda "altyazı" class a display:block, farklı bir radio seçince display:none olsun istiyorum bir türlü yapamadım

HTML:

<tbody>
    <tr>
<td>
    <input type="radio" name="payment_method" value="bank_transfer" id="bank_transfer">
</td>
<td>
    <label for="bank_transfer">Banka Havalesi/EFT</label>
    </td>
    </tr>
<tr>
<td>
    <input type="radio" name="payment_method" value="cod" id="cod" checked="checked">
</td>
<td>
    <label for="cod">Kapıda Nakit Ödeme</label>
    <div class="altyazi">
    <p>Teslimat anında ürün bedeli nakit olarak kargo firması tarafından tahsil edilecektir.</p>
    </div>
    </td>
    <td></td>
    </tr>
</tbody>

Eklediğim kod

$("input[value=cod]:radio").click(function(){

    if($('input[value=cod]').is(':checked')) { $(".altyazi").css("display","block"); }

});

18-09-2019, 15:56:33

#2

ibrahimfidan

Merhaba,

https://jsfiddle.net/r8g750Lf/

18-09-2019, 15:56:38

#3

Hero

Platin üye

$('input:radio[value="cod"]').change(

olarak deneyebilir misin?

18-09-2019, 15:57:43

#4

taSManiaN

<tbody>
<tr>
<td>
<input type="radio" name="payment_method" value="bank_transfer" id="bank_transfer">
</td>
<td>
<label for="bank_transfer">Banka Havalesi/EFT</label>
</td>
</tr>
<tr>
<td>
<input type="radio" name="payment_method" value="cod" id="cod" checked="checked">
</td>
<td>
<label for="cod">Kapıda Nakit Ödeme</label>
<div class="altyazi" style="display: block">
<p>Teslimat anında ürün bedeli nakit olarak kargo firması tarafından tahsil edilecektir.</p>
</div>
</td>
<td></td>
</tr>
</tbody>

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
$("input[name='payment_method']").on('change', function(){
    if ( $(this).val() == "cod" ) {
        $(".altyazi").css("display","block");
    } else {
        $(".altyazi").css("display","none");
    }
});
</script>

Bu şekilde çözebilirsin,
Kolay gelsin.

18-09-2019, 16:00:40

#5

Bias08

taSManiaN adlı üyeden alıntı: mesajı görüntüle

<tbody>
<tr>
<td>
<input type="radio" name="payment_method" value="bank_transfer" id="bank_transfer">
</td>
<td>
<label for="bank_transfer">Banka Havalesi/EFT</label>
</td>
</tr>
<tr>
<td>
<input type="radio" name="payment_method" value="cod" id="cod" checked="checked">
</td>
<td>
<label for="cod">Kapıda Nakit Ödeme</label>
<div class="altyazi" style="display: block">
<p>Teslimat anında ürün bedeli nakit olarak kargo firması tarafından tahsil edilecektir.</p>
</div>
</td>
<td></td>
</tr>
</tbody>

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
$("input[name='payment_method']").on('change', function(){
    if ( $(this).val() == "cod" ) {
        $(".altyazi").css("display","block");
    } else {
        $(".altyazi").css("display","none");
    }
});
</script>

Bu şekilde çözebilirsin,
Kolay gelsin.

teşekkürler çalışıyor yalnız sayfayı yenilediğimde kapıda ödeme seçili olmasına rağmen altyazı görünmüyor onu nasıl çözebiliriz

18-09-2019, 16:03:19

#6

ustunweb

Bias08 adlı üyeden alıntı: mesajı görüntüle

Merhaba

Radio checked olduğunda "altyazı" class a display:block, farklı bir radio seçince display:none olsun istiyorum bir türlü yapamadım

HTML:

<tbody>
    <tr>
<td>
    <input type="radio" name="payment_method" value="bank_transfer" id="bank_transfer">
</td>
<td>
    <label for="bank_transfer">Banka Havalesi/EFT</label>
    </td>
    </tr>
<tr>
<td>
    <input type="radio" name="payment_method" value="cod" id="cod" checked="checked">
</td>
<td>
    <label for="cod">Kapıda Nakit Ödeme</label>
    <div class="altyazi">
    <p>Teslimat anında ürün bedeli nakit olarak kargo firması tarafından tahsil edilecektir.</p>
    </div>
    </td>
    <td></td>
    </tr>
</tbody>

Eklediğim kod

$("input[value=cod]:radio").click(function(){

    if($('input[value=cod]').is(':checked')) { $(".altyazi").css("display","block"); }

});

$("input[name=payment_method]").click(function(){
    ($('input[name=payment_method][value=cod]').is(':checked')) ? $(".altyazi").show() : $(".altyazi").hide();

});

18-09-2019, 16:05:40

#7

Bias08

ustunweb adlı üyeden alıntı: mesajı görüntüle

$("input[name=payment_method]").click(function(){
    ($('input[name=payment_method][value=cod]').is(':checked')) ? $(".altyazi").show() : $(".altyazi").hide();

});

teşekkürler çalışıyor yalnız sayfayı yenilediğimde kapıda ödeme seçili olmasına rağmen altyazı görünmüyor onu nasıl çözebiliriz

18-09-2019, 16:08:03

#8

~~Socibox~~

Üyeliği durduruldu

Bias08 adlı üyeden alıntı: mesajı görüntüle

teşekkürler çalışıyor yalnız sayfayı yenilediğimde kapıda ödeme seçili olmasına rağmen altyazı görünmüyor onu nasıl çözebiliriz

$("input[name='payment_method']").on('change', function(){
   if ( $(this).val() == "cod" ) {
      $(".altyazi").css("display","block");
   } else {
      $(".altyazi").css("display","none");
   }
});

$(document).ready(function(){
    $("input[name='payment_method']").trigger("change");
});

18-09-2019, 16:37:42

#9

ustunweb

Bias08 adlı üyeden alıntı: mesajı görüntüle

teşekkürler çalışıyor yalnız sayfayı yenilediğimde kapıda ödeme seçili olmasına rağmen altyazı görünmüyor onu nasıl çözebiliriz

altyazi'yi varsayılan olarak display:block yapabilirsin veya illa jquery ile yapmam gerek dersen

function BankYazi(){
    ($('input[name=payment_method][value=cod]').is(':checked')) ? $(".altyazi").show() : $(".altyazi").hide();
}

$(document).ready(function () {

    BankYazi();
$("input[name=payment_method]").click(function(){
BankYazi();
});

});