Para verificar qué botón de radio está seleccionado en un formulario, primero obtenemos el grupo de entrada deseado con el tipo de entrada como una opción y luego se puede acceder al valor de esta selección mediante el método val() . Esto devuelve el nombre de la opción que está actualmente seleccionada.
El selector ‘input[name=option]:checked’ se usa para seleccionar todos los grupos de entrada que tienen el tipo de entrada de opción en el formulario especificado.
Sintaxis:
$('input[name=option]:checked', 'formName').val()
Esto se muestra en el siguiente ejemplo.
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
How to know which radio button
is selected via jQuery?
</title>
</head>
<body>
<h1 style="color: green">
GeeksForGeeks
</h1>
<b>
How to know which radio
button is selected via jQuery?
</b>
<p>
<form id="myForm">
<label>
<input
type="radio"
name="option"
value="free">
Free Membership
</label>
<label>
<input type="radio"
name="option"
value="premium">
Premium Membership
</label>
</form>
<p>
The value of the option selected is:
<span class="output"></span>
</p>
<button id="btn">
Check option button
</button>
<script src=
"https://code.jquery.com/jquery-2.2.4.min.js">
</script>
<script type="text/javascript">
// Check the radio button value.
$('#btn').on('click', function() {
output =
$('input[name=option]:checked',
'#myForm').val();
document.querySelector(
'.output').textContent = output;
});
</script>
</body>
</html>
Producción:
Compruebe después de hacer clic en la primera opción:
Compruebe después de hacer clic en la segunda opción:
jQuery es una biblioteca JavaScript de código abierto que simplifica las interacciones entre un documento HTML/CSS. Es muy famosa por su filosofía de «Escribir menos, hacer más» .
Puede aprender jQuery desde cero siguiendo este tutorial de jQuery y ejemplos de jQuery .
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA