Вы можете просто использовать jQuery-селектор :checked
в сочетании с методом val()
, чтобы найти значение выбранного переключателя внутри группы.
Давайте посмотрим следующий пример, чтобы понять, как это работает:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Get Selected Radio Button Value</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(document).ready(function(){
$("input[type='button']").click(function(){
var radioValue = $("input[name='gender']:checked").val();
if(radioValue){
alert("Your are a - " + radioValue);
}
});
});
</script>
</head>
<body>
<h4>Пожалуйста, выберите Ваш пол.</h4>
<p>
<label><input type="radio" name="gender" value="male">Мужской</label>
<label><input type="radio" name="gender" value="female">Женский</label>
</p>
<p><input type="button" value="Получить значение"></p>
</body>
</html>