Html ve Jquery ile işler, projeler yapanların muhtemelen en az bir kere sorduğu sorudur bu. Tabii server tarafında çalışan bir dil ile bu tarz işlemleri yapıyorsanız durum biraz değişir ama ufak da olsa bir yerde Jquery ile bir radio listesindeki hangi değerin seçilmiş olduğunu öğrenmeniz gerektiği durum muhtemelen olacaktır. Bunun farklı yöntemleri olsa da en temizi ve hızlı radio button (seçenek düğmesi) ın bulunduğu taşıyıcının id si ile işlem yapmaktır. Diyelim ki şöyle bir formunuz var:
<script src="~/jquery.min.js"></script>
<form id="goraList">
<input type="radio" name="elements" value="ates" />ates<br />
<input type="radio" name="elements" value="su" />su<br />
<input type="radio" name="elements" value="toprak" />toprak<br />
<input type="radio" name="elements" value="tahta" />tahta<br />
</form>
İlk kısımdaki script, tabii ki sadece jquery kütüphanesine ihtiyaç duyduğunuzu göstermek için, "goraList" adından dört seçenekli bir form da aşağısında yer alıyor. Bu formda hangi öğenin seçili olduğunu bulmak için şu örneklerden birini kullanabilirsiniz, yukarıda dediğim gibi id ile işlem yapacağız zira bu her zaman etkili ve daha hızlı bir yöntem:
$("#goraList input[type='radio']:checked").val();
$('input[name=elements]:checked', '#goraList').val();
Diyelim ki bu radio butonlarının birine tıklandığı anda, onun değerini mesaj olarak göstermek istiyorsunuz, üstteki iki örnekten birini bu fonksiyonun içine koyarak bunu yapabilirsiniz:
$('#goraList input').on('change', function() {
alert($('input[name=elements]:checked', '#goraList').val());
});
Aşağıdaki örnekleri ise tavsiye etmiyorum ama haklarınızda bilginiz olmasında yarar var. İkisi de eğer sayfada tek bir form varsa kullanabileceğiniz bir örnekler. Ancak özellkle ikinci örnek yani :radio ile seçim yapmak, yavaş olduğu için Jquery dökümantasyonunda bile tavsiye edilmemiş.
$('form input[type=radio]:checked').val();
$("form:radio:checked").val();