JQuery'de, bir öğeyi ad özelliğine göre nasıl seçerim?

Web sayfamda aşağıdaki gibi 3 radyo düğmesi var:

<label for="theme-grey">
  <input type="radio" id="theme-grey" name="theme" value="grey" />Grey</label>
<label for="theme-pink">
  <input type="radio" id="theme-pink" name="theme" value="pink" />Pink</label>
<label for="theme-green">
  <input type="radio" id="theme-green" name="theme" value="green" />Green</label>

JQuery'de, bu üçünden herhangi biri tıklatıldığında seçilen radyo düğmesinin değerini almak istiyorum. JQuery'de id (#) ve class (.) Seçicilerimiz var, ancak aşağıdaki gibi adıyla bir radyo düğmesi bulmak istersem ne olur?

$("<radiobutton name attribute>").click(function(){});

Lütfen bana bu sorunun nasıl çözüleceğini söyleyin.

Bunu yapmalı, tüm bunlar buna çok benzer bir örneği olan belgelerde :

$("input[type='radio'][name='theme']").click(function() {
    var value = $(this).val();
});

Ayrıca bu snippet'te birden fazla aynı kimliğiniz olduğunu da belirtmeliyim. Bu geçersiz HTML. Benzersiz olması gerektiği için kimlikleri değil, öğe kümelerini gruplandırmak için sınıfları kullanın.

Hangi radyo düğmesinin işaretlendiğini belirlemek için şunu deneyin:

$('input:radio[name=theme]').click(function() {
  var val = $('input:radio[name=theme]:checked').val();
});

Gruptaki tüm radyo düğmeleri için olay yakalanacak ve seçilen düğmenin değeri val olarak yerleştirilecektir.

Güncelleme: Gönderdikten sonra, yukarıdaki bir yanıtın daha iyi olduğuna karar verdim, çünkü bir tane daha az DOM geçişi kullanıyor. Seçilen öğenin çapraz tarayıcı uyumlu bir şekilde nasıl alınacağını gösterdiğinden bu cevabın durmasına izin veriyorum.

$('input:radio[name=theme]:checked').val();

diğer yol

$('input:radio[name=theme]').filter(":checked").val()

Bu benim için harika çalışıyor. Örneğin, aynı "isim" ile iki radyo düğmeniz var ve sadece işaretli olanın değerini almak istediniz. Bunu deneyebilirsiniz.

$valueOfTheCheckedRadio = $('[name=radioName]:checked').val();

Aşağıdaki kod, seçilen radyo düğmesi değerini ada göre almak için kullanılır

jQuery("input:radio[name=theme]:checked").val();

Teşekkürler Adnan

Bu soruyu, jQuery 1.7.2'den 1.8.2'ye yükselttikten sonra bir hata araştırırken buldum. Cevabımı ekliyorum çünkü jQuery 1.8 ve üstünde bir değişiklik oldu, bu sorunun şu anda nasıl cevaplanacağını değiştiriyor.

JQuery 1.8 ile radyo,: onay kutusu,: metin gibi sözde seçicileri kullanımdan kaldırmışlardır.

Yukarıdakileri yapmak için şimdi :radioile değiştirin [type=radio].

Böylece cevabınız şimdi jQuery 1.8 ve üstünün tüm sürümleri için:

$("input[type=radio][name=theme]").click(function() { 
    var value = $(this).val(); 
}); 

1.8 benioku değişikliği ve bu değişiklik için özel bilet hakkında bilgi edinebilir ve neden Ek Bilgiler bölümünün altındaki : radyo seçici sayfasında anlayabilirsiniz .

Gerçekten basit bir şey yapmak için bir kitaplık eklemek istemeyen herkes için:

document.querySelector('[name="theme"]:checked').value;

jsfiddle

Mevcut cevapların performansına genel bakış için buraya bakın

Bir tıklama etkinliğinden önce seçilen varsayılan radyo düğmesinin değerini bilmek istiyorsanız şunu deneyin:

alert ($ ( "input: Radyo: işaretli".) val ());

Sayfada birden fazla radyo grubunuz varsa, aşağıdaki gibi filtre işlevini kullanabilirsiniz

$('input[type=radio]').change(function(){
    var value = $(this).filter(':checked' ).val();
    alert(value);
});

İşte keman URL'si

http://jsfiddle.net/h6ye7/67/

<input type="radio" name="ans3" value="help"> 
<input type="radio" name="ans3" value="help1">
<input type="radio" name="ans3" value="help2">

<input type="radio" name="ans2" value="test"> 
<input type="radio" name="ans2" value="test1">
<input type="radio" name="ans2" value="test2">

<script type="text/javascript">
  var ans3 = jq("input[name='ans3']:checked").val()
  var ans2 = jq("input[name='ans2']:checked").val()
</script>

Doğru / yanlış değeri istiyorsanız, şunu kullanın:

  $("input:radio[name=theme]").is(":checked")

Belki böyle bir şey?

$("input:radio[name=theme]").click(function() { 
 ...
}); 

Herhangi bir radyo düğmesine tıkladığınızda, seçilenin sonuçlanacağına inanıyorum, bu yüzden seçilen radyo düğmesi için çağrılacak.

Aynı sayfada birden fazla radyo düğmesi grubunuz varsa, radyo düğmesinin değerini almak için bunu da deneyebilirsiniz:

$("input:radio[type=radio]").click(function() {
    var value = $(this).val();
    alert(value);
});

Şerefe!

ayrıca radyo düğmelerinin aralığını tanımlamak için bir CSS sınıfı kullanabilir ve ardından değeri belirlemek için aşağıdakileri kullanabilir

$('.radio_check:checked').val()

Bu benim için çalıştı.

HTML:

<input type="radio" class="radioClass" name="radioName" value="1" />Test<br/>
<input type="radio" class="radioClass" name="radioName" value="2" />Practice<br/>
<input type="radio" class="radioClass" name="radioName" value="3" />Both<br/>

jQuery:

    $ (". radioClass"). her biri (function () {
        if ($ (this) (alt sının:) 'işaretli')
        alert ($ (this) .val ());
    });

Umarım yardımcı olur..

$('input:radio[name=theme]').bind(
  'click',
  function(){
    $(this).val();
});

ASP.NET RadioButtonKontrollerin değerini almak için sınıf seçiciyi kullanmak her zaman boştur ve bunun nedeni de budur.

RadioButtonKontrolü ASP.NETaşağıdaki gibi oluşturursunuz :

<asp:RadioButton runat="server" ID="rbSingle" GroupName="Type" CssClass="radios" Text="Single" />
<asp:RadioButton runat="server" ID="rbDouble" GroupName="Type" CssClass="radios" Text="Double" />
<asp:RadioButton runat="server" ID="rbTriple" GroupName="Type" CssClass="radios" Text="Triple" />

Ve ASP.NETaşağıdaki HTML'yiRadioButton

<span class="radios"><input id="Content_rbSingle" type="radio" name="ctl00$Content$Type" value="rbSingle" /><label for="Content_rbSingle">Single</label></span>
<span class="radios"><input id="Content_rbDouble" type="radio" name="ctl00$Content$Type" value="rbDouble" /><label for="Content_rbDouble">Double</label></span>
<span class="radios"><input id="Content_rbTriple" type="radio" name="ctl00$Content$Type" value="rbTriple" /><label for="Content_rbTriple">Triple</label></span>

Çünkü kontrol adını veya kimliğini ASP.NETkullanmak istemiyoruz RadioButtonçünkü yukarıdaki kodda gördüğünüz gibi kullanıcının elinden (konteyner adında, form adında, kullanıcı kontrol adında değişiklik ...) değişiklik yapabilirler.

RadioButtonJQuery kullanarak değeri elde etmenin tek mümkün yolu , aşağıdaki gibi tamamen ilgisiz bir soruya bu cevapta belirtildiği gibi css sınıfını kullanmaktır.

$('span.radios input:radio').click(function() {
    var value = $(this).val();
});