JQuery İle Seçili Radio Elemanın Değerini Okuma

Bir radio listesinde seçilen elemanın JQuery ile değerini aşağıdaki komutla alabilirsiniz.

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

Örnek bir kullanım isterseniz eğer aşağıdaki kod yapılarını inceleyiniz.

<div id="RadioArea">
    Ali <input type="radio" name="rd" value="Ali" />
    <br />
    Veli <input type="radio" name="rd" value="Veli" />
    <br />
    Ayşe <input type="radio" name="rd" value="Ayşe" />
    <br />
    Fatma <input type="radio" name="rd" value="Fatma" />
    <br />
    Gençay <input type="radio" name="rd" value="Gençay" />
    <br />
    Süleyman <input type="radio" name="rd" value="Süleyman" />
    <br />
    Rıfkı <input type="radio" name="rd" value="Rıfkı" />
    <br />
    Cemil <input type="radio" name="rd" value="Cemil" />
</div>
<input type="button" value="Seçili Radio Değerini Göster" id="btnSec" />

<script type="text/javascript">
    $("#btnSec").click(function () {
        var Deger = $("#RadioArea input[type='radio']:checked").val();
        alert(Deger);
    });
</script>

Uygulamamızın ekran görüntüsü aşağıdaki gibi olacaktır.