5.00 / 1 oy

JQuery ile hangi radiobutton seçili nasıl anlarım?

Elle hazırladığım bir html form içerisinde JQuery ile manuel bir validasyon gerçekleştirmek istiyorum ve radiobutton ile yaptığı seçim alanlarında hangi kutucuğu seçtiğini bir butonun tıklama eyleminden sonra kontrol etmek istiyorum ama radiobutton elementlerinden hangisinin seçildiğini (ya da seçilip seçilmediğini) nasıl anlayabilirim?

dağhan

17.06.2019 19:23

Bu soru 1 kez yanıtlandı.

  • 18 Haziran 2019 18:06
    27

    Seçili radio button hangisi ise JQuery ile bunu yakalamanın en kolay yolu:

    $("form:radio:checked").val();

    Birden fazla form olan bir sayfada form ID'si belirterek yakalamak için:

    $("#form1 input[type='radio']:checked").val();

    Butonu da değişken olarak alarak yapmak için:

    var radioButton1 = $("input[name=myRadio]");
    var seciliDeger = radioButton1.filter(":checked").val();

    Form üzerinden bütünleşik bir örnek olarak da:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <form id="form1">
      <div id="radio">
        <input type="radio" id="radio1" name="radio" checked="checked" /><label for="radio1">Bir</label>
        <input type="radio" id="radio2" name="radio"/><label for="radio2">iki</label>
      </div>
    </form>

    Yukarıdaki formdaki seçili radyo butonlarını konsola yazdıralım:

    console.log( "radio1: " +  $('input[id=radio1]:checked', '#form1').val() );
    console.log( "radio2: " +  $('input[id=radio2]:checked', '#form1').val() );

     

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
JQuery ile hangi radiobutton seçili nasıl anlarım?

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.