Propiedad Valor HTML DOM Radio
Definición y Uso
conjuntos de propiedades de valor o devuelve el valor del valor de la propiedad del botón de opción.
Para los botones de radio, el valor del contenido del valor de la propiedad no aparece en la interfaz de usuario. valores de atributos de valor pasan los datos al servidor sólo cuando se envía el formulario. Si se selecciona un botón de radio cuando se envía el formulario, el valor del botón de opción se transmite al servidor (el botón no está seleccionado datos no se transmite al lado del servidor).
gramática
Establecer el valor de la propiedad:
radioObject.value="value"
Devuelve el valor de la propiedad:
radioObject.value
Soporte para el navegador
Todos los principales navegadores soportan valor del atributo
Ejemplos
Ejemplo 1
Mostrar los valores de botón de radio "Rojo":
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
var x=document.getElementById("red").value;
alert(x);
}
</script>
</head>
<body>
<form>
你更喜欢哪种颜色?<br>
<input type="radio" name="colors" id="red" value="red">红色<br>
<input type="radio" name="colors" id="blue" value="blue">蓝色<br>
<input type="radio" name="colors" id="green" value="green">绿色
</form>
<button type="button" onclick="displayResult()">显示红色单选框的值</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
var x=document.getElementById("red").value;
alert(x);
}
</script>
</head>
<body>
<form>
你更喜欢哪种颜色?<br>
<input type="radio" name="colors" id="red" value="red">红色<br>
<input type="radio" name="colors" id="blue" value="blue">蓝色<br>
<input type="radio" name="colors" id="green" value="green">绿色
</form>
<button type="button" onclick="displayResult()">显示红色单选框的值</button>
</body>
</html>
Trate »
Ejemplo 2
Muestra el valor del botón de opción seleccionado:
<! DOCTYPE html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Script>
función displayResult (navegador) {
document.getElementById ( "número"). value = navegador
}
</ Script>
</ Head>
<Cuerpo>
<P> Elija su navegador favorito: </ p>
<Forma>
<Input type = "radio" name = "navegador" onclick = "displayResult (this.value)" value = "Internet Explorer"> Internet Explorer <br>
<Input type = "radio" name = "navegador" onclick = "displayResult (this.value)" value = "Firefox"> Firefox <br>
<Input type = "radio" name = "navegador" onclick = "displayResult (this.value)" value = "Opera"> Opera <br>
<Input type = "radio" name = "navegador" onclick = "displayResult (this.value)" value = "Google Chrome"> Google Chrome <br>
<Entrada type = "radio" name = "navegador" onclick = "displayResult (this.value)" value = "Safari"> Safari <br>
Su navegador favorito: <input type = "text" id = "número">
</ Form>
</ Body>
</ Html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Script>
función displayResult (navegador) {
document.getElementById ( "número"). value = navegador
}
</ Script>
</ Head>
<Cuerpo>
<P> Elija su navegador favorito: </ p>
<Forma>
<Input type = "radio" name = "navegador" onclick = "displayResult (this.value)" value = "Internet Explorer"> Internet Explorer <br>
<Input type = "radio" name = "navegador" onclick = "displayResult (this.value)" value = "Firefox"> Firefox <br>
<Input type = "radio" name = "navegador" onclick = "displayResult (this.value)" value = "Opera"> Opera <br>
<Input type = "radio" name = "navegador" onclick = "displayResult (this.value)" value = "Google Chrome"> Google Chrome <br>
<Entrada type = "radio" name = "navegador" onclick = "displayResult (this.value)" value = "Safari"> Safari <br>
Su navegador favorito: <input type = "text" id = "número">
</ Form>
</ Body>
</ Html>
Trate »
Objetos de radio