Как определить, какой переключатель выбран в форме с несколькими группами кнопок?

Question

У меня есть форма с двумя группами переключателей.Все они имеют одинаковое имя, но в случае выбора определенного типа переключателя, я хочу изменить содержимое до следующей отправки.

<form>
  <input type="radio" value="ahBkM" id="ahBkM" name="key" class="spam">
  <input type="radio" value="ahBkA" id="ahBkA" name="key" class="eggs">
  <input type="radio" value="ahBkB" id="ahBkB" name="key" class="eggs">
  <input type="radio" value="ahBkC" id="ahBkC" name="key" class="eggs">
</form>

Если форма передается с первым радиокнопка выбрана (класс спам), мне не нужно ничего делать особенного.Но если при отправке формы будет выбрана какая-либо кнопка класса яйца, то мне нужно обновить DOM с данными, возвращаемыми из AJAX POST.

Я ищу истину, условно ли на яйцабыл выбран для POST (я могу поставить условное выражение в функцию успеха AJAX), и если да, то у меня есть код для запуска.

Answer 1

Поиск проверенных яиц:

$(".eggs:checked").length > 0

Answer 2

if ($('input[name=key].eggs:checked').length > 0){
  // an egg group is selected.
}

Что-то подобное?

Answer 3

Используйте :checked селектор. например:

var checkedRadio = $("[name='key']:checked");
var checkedVal = checkedRadio.val();
if(checkedVal == "eggs"){
  //Do Something 
} else{

}