기본적으로 라디오 버튼을 선택하려면 true로 확인해야 합니다. . 선택되어 있는 경우 사실로 그러면 기본적으로 자동 초점이 됩니다. .
다음 예에서는 라디오 버튼만 있고 자동 초점이 없습니다. .
예시
<html> <form id="radiobuttons" name="radiobutton"> <input id="rad1" value="a" type="radio" name="check"/>male <input id="rad2" value="b" type="radio" name="check"/>female <input id="rad3" value="c" type="radio" name="check"/>other </form> <body> </body> </html>
위의 코드가 실행되면 라디오 버튼이 표시되며 다음 이미지와 같이 자동 초점이 맞춰지지 않습니다.
출력
자동 초점 위의 버튼 중 하나라도 처음에 확인해야 합니다. 다음 예와 같이 순수 자바스크립트를 사용하여 수행할 수 있습니다.
예시
<html>
<form id="radiobuttons" name="radiobutton">
<input id="rad1" value="a" type="radio" name="check"/>male
<input id="rad2" value="b" type="radio" name="check"/>female
<input id="rad3" value="c" type="radio" name="check"/>other
</form>
<body>
<script>
radiobtn = document.getElementById("rad1");
radiobtn.checked = true;
</script>
</body>
</html> 위의 코드를 실행하면 다음과 같은 결과를 얻을 수 있습니다.
출력
