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 주소로 이동