Coding Note

[JS] radio 속성을 이용해 사이트 이동하기 본문

Web/JavaScript

[JS] radio 속성을 이용해 사이트 이동하기

jinnkim 2022. 1. 28. 18:30

 

 

<input> 태그 type 속성 중 하나인 radio를 사용하여 페이지 이동하기!

 

 

구현

 

 

 

 

코드

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>radio 사이트 이동</title>
</head>
<script type="text/javascript">
	function naverBtn() {
		location.href='https://www.naver.com/';	
	}
	function daumBtn() {
		location.href='https://www.daum.net/';	
	}
	function googleBtn() {
		location.href='https://www.google.com/';	
	}
</script>
<body>
	<form name="checkPage" action="post">
		<h4>원하는 사이트를 선택하세요</h4>
		<input type="radio" name="naver" onclick="naverBtn()"/>Naver
		<input type="radio" name="daum" onclick="daumBtn()"/>Daum
		<input type="radio" name="google" onclick="googleBtn()"/>Google
	</form>
</body>
</html>

 

 

 

<JavaScript 공부하기>

 

1. loacatoin

    - location 인터페이스는 객체가 연결된 장소(URL)를 나타냄

    - Document.location과 Window.location으로 사용 가능

    - loacation.href='url'

       - url 주소로 이동

 

 

 

 

'Web > JavaScript' 카테고리의 다른 글

REST 개념 정리  (0) 2022.03.13
[JS] 이메일 유효성 검사하기  (0) 2022.01.30
[JS] 아이디, 비밀번호 유효성 검사  (0) 2022.01.29
[JS] 버튼 클릭 시 <div> 텍스트 생성, 삭제, 숨김  (0) 2022.01.28
[JS] 구구단 출력하기  (0) 2022.01.27
'Web/JavaScript' Related Articles more
Comments