고정 헤더 영역
상세 컨텐츠
본문
먼저 window안에 있는 많은 내장객체들을 정리했으니
그안에서 폼태그는 어디에 있는지 위치 확인하세요!!!
웹브라우저 내장객체_총정리
form태그_라디오박스 제어하러 가보실까요?
form태그_라디오박스 제어
<script type="text/javascript">
window.document.폼이름.라디오박스이름[0].변수 type,name,value,
window.document.폼이름.라디오박스이름[0].함수 focus() blur()
***라디오박스안에 체크되어있으면 true,
체크가 안되어 있으면 false로 표시
실제 예제 따라하기
function fun1() {
alert(document.fr.ra[0].type);
alert(document.fr.ra[0].name);
alert(document.fr.ra[0].value);
alert(document.fr.ra[0].checked);
document.fr.ra[0].focus();
document.fr.ra[0].blur();
document.fr.ra[0].click();
}
function fun2() {
if(document.fr.ra[0].checked==false&&document.fr.ra[1].checked==false){
alert("라디오박스 선택하세요");
document.fr.ra[0].focus();
return;
}
if(document.fr.ch[0].checked==false&&document.fr.ch[1].checked==false&&document.fr.ch[2].checked==false){
alert("체크박스 선택하세요")
document.fr.ch[0].focus();
return;
}
document.fr.submit();
}
</script></head>
---실전 예제---
<body>
<h1>jss/test4.html1</h1>
<form action="a.jsp" method="get" name="fr">
라디오:<input type="radio" name="ra" value="ra1">라디오1
<input type="radio" name="ra" value="ra2">라디오2 <br>
체크박스:<input type="checkbox" name="ch" >체크박스1
<input type="checkbox" name="ch" >체크박스2
<input type="checkbox" name="ch" >체크박스3<br>
<input type="button" value="버튼" onclick="fun1()">
<input type="button" value="제어" onclick="fun2()">
</form>
ㅣ읽느라 수고 많으셨어요~ㅣ
부족한 글을 읽어주셔서 감사드립니다
아직 부족한게 많으니
틀린 곳이 있다면
조언의 말씀 꼭 부탁드립니다!!!!
반응형
'javascript_자바스크립트' 카테고리의 다른 글
| [자바스크립트] window.history 뒤로 가, 앞으로 가 (0) | 2020.06.21 |
|---|---|
| [ 자바스크립트] window.location.변수 (0) | 2020.06.19 |
