라디오버튼을 선택된 상태로 만드는 방법도 체크박스와 동일해서 checked 속성에 true 값을 할당하면 됩니다. 단, 라디오버튼은 여러 개를 선택하는 요소가 아니므로 다음처럼 원하는 항목만 선택될 수 있게 if 문으로 처리합니다.
12/05/radio_set.html
<form>
(중략)
</form>
<script>
const radioEls = document.querySelectorAll("[type='radio']");
for(let i = 0; i < radioEls.length; i++){
if(radioEls[i].value === 'banana'){
radioEls[i].checked = true;
}
}
</script>
그림 12-36 실행결과