Odczyt wybranej wartości z asp: RadioButtonList przy użyciu jQuery

Prosty sposób na pobranie sprawdzonej wartości RadioButtonList1 to:

$('#RadioButtonList1 input:checked').val()

Edit by Tim:

Gdzie RadioButtonList1 musi być klientem listy RadioButtonList

var rblSelectedValue = $("#<%= RadioButtonList1.ClientID %> input:checked"); 

To mi pomogło...

<asp:RadioButtonList runat="server" ID="Intent">
  <asp:ListItem Value="Confirm">Yes!</asp:ListItem>
  <asp:ListItem Value="Postpone">Not now</asp:ListItem>
  <asp:ListItem Value="Decline">Never!</asp:ListItem>
</asp:RadioButtonList>

Opiekun:

$(document).ready(function () {
  $("#<%=Intent.ClientID%>").change(function(){
   var rbvalue = $("input[name='<%=Intent.UniqueID%>']:radio:checked").val();

   if(rbvalue == "Confirm"){
    alert("Woohoo, Thanks!");
   } else if (rbvalue == "Postpone"){
    alert("Well, I really hope it's soon");
   } else if (rbvalue == "Decline"){
    alert("Shucks!");
   } else {
    alert("How'd you get here? Who sent you?");
   }
  });
});

Ważna część: $("input[name=' ']:radio:checked").val();

Według mnie będzie dobrze działać...

Po prostu spróbuj z tym

   var GetValue=$('#radiobuttonListId').find(":checked").val();

Wartość Radiobuttonlist, która ma być zapisana w GetValue (zmiennej).

Lista przycisków radiowych zamiast przycisków radiowych tworzy unikalne znaczniki id nazwa_0, nazwa_1 itd. Łatwy sposób na przetestowanie, które jest wybrane, polega na przypisaniu klasy css takiej jak

var deliveryService;
$('.deliveryservice input').each(function () {
    if (this.checked) {
        deliveryService = this.value
    }

Spróbuj tego:

$("input[name='<%=RadioButtonList1.UniqueID %>']:checked").val()

Poniżej znajduje się kod, który ostatecznie stworzyliśmy. Najpierw Wyjaśnienie breif. Użyliśmy " q_ " dla nazwy div owiniętej wokół listy pytań przycisku opcji. Potem mieliśmy "s_" dla każdej sekcji. Poniższy kod przecina pytania, aby znaleźć sprawdzoną wartość, a następnie wykonuje akcję slajdów w odpowiedniej sekcji.

var shows_6 = function() {
  var selected = $("#q_7 input:radio:checked").val();
  if (selected == 'Groom') {
    $("#s_6").slideDown();
  } else {
    $("#s_6").slideUp();
  }
};
$('#q_7 input').ready(shows_6);
var shows_7 = function() {
  var selected = $("#q_7 input:radio:checked").val();
  if (selected == 'Bride') {
    $("#s_7").slideDown();
  } else {
    $("#s_7").slideUp();
  }
};
$('#q_7 input').ready(shows_7);
$(document).ready(function() {
  $('#q_7 input:radio').click(shows_6);
  $('#q_7 input:radio').click(shows_7);
});

<div id="q_7" class='question '><label>Who are you?</label> 
  <p>
    <label for="ctl00_ctl00_ContentMainPane_Body_ctl00_ctl00_chk_0">Bride</label>
    <input id="ctl00_ctl00_ContentMainPane_Body_ctl00_ctl00_chk_0" type="radio" name="ctl00$ctl00$ContentMainPane$Body$ctl00$ctl00$chk" value="Bride" />
  </p> 
  <p>
    <label for="ctl00_ctl00_ContentMainPane_Body_ctl00_ctl00_chk_1">Groom</label>
    <input id="ctl00_ctl00_ContentMainPane_Body_ctl00_ctl00_chk_1" type="radio" name="ctl00$ctl00$ContentMainPane$Body$ctl00$ctl00$chk" value="Groom" />
  </p> 

</div> 

Poniższe pozwala nam uczynić pytanie obowiązkowym...

<script type="text/javascript"> 
var mandatory_q_7 = function() {
  var selected = $("#q_7 input:radio:checked").val();
  if (selected != '') {
    $("#q_7").removeClass('error');
  }
};
$(document).ready(function() {
    $('#q_7 input:radio').click(function(){mandatory_q_7();});
});
</script> 

<div class="section" id="s_6"> 
    <h2>Attire</h2> 
    ...
</div>

Wypróbuj poniższy kod:

<script type="text/javascript">
    $(document).ready(function () {

        $(".ratingButtons").buttonset();

    });
 </script>


<asp:RadioButtonList ID="RadioButtonList1" RepeatDirection="Horizontal" runat="server"
            AutoPostBack="True" DataSourceID="SqlDataSourceSizes"     DataTextField="ProdSize"
            CssClass="ratingButtons" DataValueField="_ProdSizeID" Font-Size="X-Small" 
            ForeColor="#666666">
</asp:RadioButtonList>

Dlaczego tak skomplikowane?

$('#id:checked').val();

Będzie działać dobrze!

Rozwiązanie Andrew Bullocka działa dobrze, chciałem tylko pokazać ci moje i dodać Ostrzeżenie.

//działa świetnie

$('#<%= radBuffetCapacity.ClientID %> input').click(function (e) {
   var val = $('#<%= radBuffetCapacity.ClientID %>').find('input:checked').val();
   //Do whatever
});

/ / Warning-działa w Firefoksie, ale nie IE8 .. używałem tego przez jakiś czas przed zauważeniem, że nie działa w IE8... przyzwyczaiłem się do wszystkiego, co działa we wszystkich przeglądarkach z jQuery podczas pracy w jednym.

$('#<%= radBuffetCapacity.ClientID %>').change(function (e) {
   var val = $('#<%= radBuffetCapacity.ClientID %>').find('input:checked').val();
   //Do whatever
});

Głosowałem na odpowiedź Vinha, aby uzyskać wartość.

Jeśli chcesz znaleźć odpowiednią etykietę, możesz użyć tego kodu:

$('#ClientID' + ' input:checked').parent().find('label').text()

Dla mojego scenariusza, mój JS był w osobnym pliku, więc korzystanie z wyjścia Odpowiedzi klienta nie sprzyjało. Co zaskakujące, rozwiązanie było tak proste, jak dodanie CssClass do RadioButtonList, o czym dowiedziałem się na DevCurry

Wystarczy, że rozwiązanie zniknie, Dodaj klasę do listy przycisków radiowych

<asp:RadioButtonList id="rbl" runat="server" class="tbl">...

Jak zaznaczono w artykule, gdy lista przycisków radiowych jest renderowana, Klasa " tbl " jest dołączana do otaczającej tabeli

<table id="rbl" class="tbl" border="0">
<tr>...

Teraz z powodu Klasa CSS, która została dodana, możesz po prostu odwołać się do pozycji input:radio w tabeli, opartych na selektorze klasy css

$(function () {
            var $radBtn = $("table.tbl input:radio");
            $radBtn.click(function () {
                var $radChecked = $(':radio:checked');
                alert($radChecked.val());
            });
        });

Ponownie, pozwala to uniknąć korzystania z "ClientID" wymienione powyżej, które znalazłem bałagan dla mojego scenariusza. Mam nadzieję, że to pomoże!

Znalazłem proste rozwiązanie, spróbuj tego:

var Ocasiao = "";    
$('#ctl00_rdlOcasioesMarcas input').each(function() { if (this.checked) { Ocasiao = this.value } });