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