HTML DOM 입력 라디오 defaultChecked 속성은 라디오 버튼이 기본적으로 선택되었는지 여부를 확인합니다. 라디오 버튼이 선택되어 있으면 true를 반환하고 그렇지 않으면 false를 반환합니다.
구문
다음은 Radio defaultChecked 속성의 구문입니다 -
radioObject.defaultChecked
예시
Radio defaultChecked 속성의 예를 살펴보겠습니다 -
<!DOCTYPE html>
<html>
<body>
<h1>Input Radio defaultChecked property</h1>
<form>
FRUIT:
<input type="radio" name="fruits" id="Mango" checked>Mango
</form>
<br> <button type=”button” onclick="checkDefault()">CHECK</button>
<p id="Sample"></p>
<script>
function checkDefault() {
var c = document.getElementById("Mango").checked;
document.getElementById("Sample").innerHTML = "The button default checked value is "+c;
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
CHECK 버튼을 클릭하면 -
위의 예에서 -
먼저 type=”radio”, name=”fruits”, id=”Mango”를 사용하여 양식 내부에 입력 요소를 생성했으며 checked 속성이 true로 설정되어 있습니다 -
<form> FRUIT: <input type="radio" name="fruits" id="Mango" checked>Mango </form>
그런 다음 사용자가 클릭할 때 checkDefault() 메서드를 실행하는 CHECK 버튼을 만들었습니다.
<button type=”button” onclick="checkDefault()">CHECK</button>
checkDefault() 메서드는 getElementById() 메서드를 사용하여 라디오 유형의 입력 요소를 가져옵니다. 라디오 버튼이 선택되었으므로 변수 c에 할당할 true를 반환합니다. 그런 다음 innerHTML 속성을 사용하여 id가 "Sample"인 단락에 값이 표시됩니다.:
function checkDefault() {
var c = document.getElementById("Mango").checked;
document.getElementById("Sample").innerHTML = "The button default checked value is "+c;
}