La propiedad de valor de radio de entrada DOM en HTML DOM se utiliza para establecer o devolver el valor del campo de radio de entrada . El atributo especifica el valor predeterminado o el valor del tipo de usuario. Sintaxis:
Devuelve la propiedad value.
radioObject.value
Se utiliza para establecer la propiedad de valor.
radioObject.value = text
Valores de propiedad: contiene un valor, es decir, que está asociado con el campo de radio Entrada. Valor de retorno: Devuelve un valor de string que representa el valor del atributo de valor de un botón de opción. Ejemplo-1: Este ejemplo ilustra cómo devolver el valor Propiedad.
html
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>
HTML DOM Input Radio value Property
</h2>
Radio Button:
<input type="radio"
checked=true
id="radioID"
value="Geeks_radio">
<br>
<br>
<button onclick="GFG()">
Click!
</button>
<p id="GFG"
style="font-size:25px;
color:green;">
</p>
<script>
function GFG() {
// Accessing input element
// type="radio"
var x =
document.getElementById(
"radioID").value;
document.getElementById(
"GFG").innerHTML = x;
}
</script>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Ejemplo-2: Este ejemplo ilustra cómo establecer la propiedad.
html
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>
HTML DOM Input Radio value Property
</h2>
Radio Button:
<input type="radio"
checked=true
id="radioID"
value="Geeks_radio">
<br>
<br>
<button onclick="GFG()">
Click!
</button>
<p id="GFG"
style="font-size:25px;
color:green;">
</p>
<script>
function GFG() {
// Accessing input element
// type="radio"
var x =
document.getElementById(
"radioID").value = "Hellogeeks";
document.getElementById(
"GFG").innerHTML =
"The value was changed to " + x;
}
</script>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con DOM input Radio value Property se enumeran a continuación:
- Google Chrome
- Internet Explorer 10.0 +
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA