Свойство Значение HTML DOM Радио
Определение и использование
множества значений свойств или возвращает значение значения свойства кнопки радио.
Для радио-кнопок, значение содержания стоимости имущества не отображается в пользовательском интерфейсе. Значения атрибутов значение передачи данных на сервер только тогда, когда форма была отправлена. Если радио-кнопка выбрана, когда форма была отправлена, значение кнопки радио будет передаваться на сервер (кнопка не выбрана данные не передаются на стороне сервера).
грамматика
Установите свойство значения:
radioObject.value="value"
Возвращает свойство значения:
radioObject.value
Поддержка браузеров
Все основные браузеры поддерживают значение атрибута
примеров
Пример 1
Показать значения кнопок радио "красный":
<!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>
Попробуйте »
Пример 2
Отображает выбранное значение кнопки радио:
<! DOCTYPE HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Script>
Функция displayResult (браузер) {
document.getElementById ( "результат"). Значение = браузер
}
</ Script>
</ Head>
<Body>
<P> Выберите ваш любимый браузер: </ p>
<Форма>
<Тип входного = "радио" имя = "браузер" OnClick = "displayResult (this.value)" значение = "Internet Explorer"> Internet Explorer <br>
<Тип входного = "радио" имя = "браузер" OnClick = "displayResult (this.value)" значение = "Firefox"> Firefox <br>
<Тип входного = "радио" имя = "браузер" OnClick = "displayResult (this.value)" значение = "Опера"> Опера <br>
<Тип входного = "радио" имя = "браузер" OnClick = "displayResult (this.value)" значение = "Google Chrome"> Google Chrome <br>
<Тип входного = название "радио" = "браузер" OnClick = "displayResult (this.value)" значение = "Safari"> Safari <br> <br>
Ваш любимый браузер: <входной тип = "результат" "текст" ID =>
</ Форма>
</ Body>
</ HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Script>
Функция displayResult (браузер) {
document.getElementById ( "результат"). Значение = браузер
}
</ Script>
</ Head>
<Body>
<P> Выберите ваш любимый браузер: </ p>
<Форма>
<Тип входного = "радио" имя = "браузер" OnClick = "displayResult (this.value)" значение = "Internet Explorer"> Internet Explorer <br>
<Тип входного = "радио" имя = "браузер" OnClick = "displayResult (this.value)" значение = "Firefox"> Firefox <br>
<Тип входного = "радио" имя = "браузер" OnClick = "displayResult (this.value)" значение = "Опера"> Опера <br>
<Тип входного = "радио" имя = "браузер" OnClick = "displayResult (this.value)" значение = "Google Chrome"> Google Chrome <br>
<Тип входного = название "радио" = "браузер" OnClick = "displayResult (this.value)" значение = "Safari"> Safari <br> <br>
Ваш любимый браузер: <входной тип = "результат" "текст" ID =>
</ Форма>
</ Body>
</ HTML>
Попробуйте »
Радио Объекты