Чтение выбранного значения из asp: RadioButtonList с помощью jQuery

это:

$('#rblDiv input').click(function(){
    alert($('#rblDiv input').index(this));
});

предоставит вам индекс радиокнопки, которая была нажата (я думаю, непроверенная) (обратите внимание, что вам пришлось обернуть свой RBL в #rblDiv

затем вы можете использовать это, чтобы отобразить соответствующий div следующим образом:

$('.divCollection div:eq(' + $('#rblDiv input').index(this) +')').show();

Вы это имели в виду?

Обновлено: Другой подход - дать rbl имя класса, а затем перейти:

$('.rblClass').val();

Ниже приведен код, который мы в итоге создали. Сначала краткое объяснение. Мы использовали «q_» для имени div, обернутого вокруг списка вопросов переключателя. Затем у нас было «s_» для любых разделов. Следующий код просматривает вопросы в цикле, чтобы найти проверенное значение, а затем выполняет действие слайда в соответствующем разделе.

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> 

Следующее позволяет сделать вопрос обязательным ...

<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>

Я нашел простое решение, попробуйте следующее:

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

Простой способ получить проверенное значение RadioButtonList1:

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

Редактировать Тим:

где RadioButtonList1 должен быть ClientID списка RadioButtonList.

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

Решение Andrew Bullock работает отлично, я просто хотел показать вам свое и добавить предупреждение.

//Прекрасно работает

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

// Предупреждение - работает в firefox, но не в IE8 .. использовал это некоторое время, прежде чем заметил, что он не работает в IE8 ... привык ко всему, что работает во всех браузерах с jQuery при работе в одном.

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

Список радиокнопок вместо радиокнопки создает уникальные теги идентификаторов name_0, name_1 и т. д. Легкий способ проверить, какой выбран, - назначить класс css, например

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

Я проголосовал за ответ Винь, чтобы получить значение.

Если вам нужно найти соответствующую метку, вы можете использовать этот код:

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

Это сработало для меня ...

<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>

Обработчик:

$(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?");
   }
  });
});

Важная часть: $ ("input [name = '<% = Intent.UniqueID%>']: радио: проверено"). val ();

По мне все будет нормально работать ...

Просто попробуй с этим

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

The Radiobuttonlist value to be stored on GetValue(Variable).

Попробуйте следующий код:

<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>

В моем сценарии мой JS находился в отдельном файле, поэтому использование вывода ответа ClientID не способствовало. Удивительно, но решение было столь же простым, как добавление CssClass в RadioButtonList, о чем я узнал на DevCurry.

Просто на случай, если это решение исчезнет, ​​добавьте класс в список переключателей.

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

Как указано в статье, при отображении списка переключателей класс "tbl" добавляется к окружающей таблице.

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

Теперь, благодаря добавленному классу CSS, вы можете просто сослаться на элементы input: radio в своей таблице на основе селектора класса css.

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

Опять же, это позволяет избежать использования упомянутого выше «ClientID», который я нашел беспорядочным для моего сценария. Надеюсь это поможет!

Почему так сложно?

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

Будет работать нормально!

Попробуй это:

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