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

Question

У меня есть код, подобный следующему ...

<p><label>Do you have buffet facilities?</label>
  <asp:RadioButtonList ID="blnBuffetMealFacilities:chk" runat="server">
    <asp:ListItem Text="Yes" Value="1"></asp:ListItem>
    <asp:ListItem Text="No" Value="0"></asp:ListItem>
  </asp:RadioButtonList></p>
<div id="HasBuffet">
  <p><label>What is the capacity for the buffet?</label>
  <asp:RadioButtonList ID="radBuffetCapacity" runat="server">
    <asp:ListItem Text="Suitable for upto 30 guests" value="0 to 30"></asp:ListItem>
    <asp:ListItem Text="Suitable for upto 50 guests" value="30 to 50"></asp:ListItem>
    <asp:ListItem Text="Suitable for upto 75 guests" value="50 to 75"></asp:ListItem>
    <asp:ListItem Text="Suitable for upto 100 guests" value="75 to 100"></asp:ListItem>
    <asp:ListItem Text="Suitable for upto 150 guests" value="100 to 150"></asp:ListItem>
    <asp:ListItem Text="Suitable for upto 250 guests" value="150 to 250"></asp:ListItem>
    <asp:ListItem Text="Suitable for upto 400 guests" value="250 to 400"></asp:ListItem>
  </asp:RadioButtonList></p>
</div>

Я хочу записать событие, когда список радиостанций blBuffetMealFacilities: chk меняет сторону клиента и выполняет функцию слайда вниз на элементе HasBuffet из jQuery. Как лучше всего это создать, учитывая, что на странице есть несколько похожих разделов, где я хочу, чтобы вопросы отображались в зависимости от ответа «да нет» в списке радиостанций.

Answer 1

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

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

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

Answer 2

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

// Отлично работает

$('#<%= 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
});

Answer 3

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

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