HTML DOM 라디오 값 속성
라디오 개체 정의 및 사용
값 속성 세트 나 라디오 버튼의 속성 값의 값을 반환합니다.
라디오 버튼의 경우, 속성 값의 내용 값은 사용자 인터페이스에 표시되지 않습니다. value 속성 값은 양식이 제출 만 서버에 데이터를 전달합니다. 양식이 제출 될 때 라디오 버튼을 선택하면, 라디오 버튼의 값은 (버튼 데이터가 서버 측으로 전달되지 선택되지 않은) 서버로 전송한다.
문법
값 속성을 설정 :
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>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<스크립트>
기능 displayResult (브라우저) {
중요 document.getElementById ( "결과"). 값 = 브라우저
}
</ 스크립트>
</ 헤드>
<바디>
<P> 당신의 마음에 드는 브라우저를 선택 : </ P>
<양식>
<입력 유형 = "라디오"이름 = "브라우저"의 onclick = "displayResult (this.value)"값 = "인터넷 익스플로러"> 인터넷 익스플로러로 <br>
<입력 유형 = "라디오"이름 = "브라우저"의 onclick = "displayResult (this.value)"값 = "파이어 폭스"> 파이어 폭스로 <br>
<입력 유형 = "라디오"이름 = "브라우저"의 onclick = "displayResult (this.value)"값 = "오페라"> 오페라로 <br>
<입력 유형 = "라디오"이름 = "브라우저"의 onclick = "displayResult (this.value)"값 = "구글 크롬"> Google 크롬로 <br>
<입력 유형 = "라디오"이름 = "브라우저"의 onclick = "displayResult (this.value)"값 = "사파리"> 사파리로 <br>로 <br>
당신의 마음에 드는 브라우저 : <입력 유형 = "텍스트"ID = "결과">
</ FORM>
</ BODY>
</ HTML>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<스크립트>
기능 displayResult (브라우저) {
중요 document.getElementById ( "결과"). 값 = 브라우저
}
</ 스크립트>
</ 헤드>
<바디>
<P> 당신의 마음에 드는 브라우저를 선택 : </ P>
<양식>
<입력 유형 = "라디오"이름 = "브라우저"의 onclick = "displayResult (this.value)"값 = "인터넷 익스플로러"> 인터넷 익스플로러로 <br>
<입력 유형 = "라디오"이름 = "브라우저"의 onclick = "displayResult (this.value)"값 = "파이어 폭스"> 파이어 폭스로 <br>
<입력 유형 = "라디오"이름 = "브라우저"의 onclick = "displayResult (this.value)"값 = "오페라"> 오페라로 <br>
<입력 유형 = "라디오"이름 = "브라우저"의 onclick = "displayResult (this.value)"값 = "구글 크롬"> Google 크롬로 <br>
<입력 유형 = "라디오"이름 = "브라우저"의 onclick = "displayResult (this.value)"값 = "사파리"> 사파리로 <br>로 <br>
당신의 마음에 드는 브라우저 : <입력 유형 = "텍스트"ID = "결과">
</ FORM>
</ BODY>
</ HTML>
»시도
라디오 개체