이야기앱 세상
자바스크립트 - [radio]radio 버튼 사용시 선택 정보 자바스크립트로 표시 본문
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>radio 버튼 테스트</title>
<script type="text/javascript">
<!--
function check(country){
alert(country);
}
function check2(form){
for(var i=0; i<form.country.length;i++){
if(form.country[i].checked == true){
alert(i+"번째의 "+form.country[i].value + " 선택");
}
}
}
//-->
</script>
</head>
<body>
1. onclick을 이용해서 radio 버튼 개별적으로 이벤트 체크 <br>
<form name="mform">
<input type="radio" name="country" value="Korea" onclick="check(this.value)" checked>대한민국
<input type="radio" name="country" value="USA" onclick="check(this.value)">미국
<input type="radio" name="country" value="China" onclick="check(this.value)">중국
</form>
2. radio 버튼 선택 후 선택한 radio 버튼의 index 및 value 출력 <br>
<form name="sform">
<input type="radio" name="country" value="Korea" checked="checked">대한민국
<input type="radio" name="country" value="USA">미국
<input type="radio" name="country" value="China">중국
<input type="button" value="확인" onclick="check2(this.form)">
</form>
</body>
</html>
'IT > JavaScript' 카테고리의 다른 글
| 자바스크립트 - 부모창에서 iframe의 특정 함수 호출하기 (0) | 2016.03.24 |
|---|---|
| 자바스크립트 - [select]onchange를 이용한 select 선택 (0) | 2016.03.24 |
| 자바스크립트 - onload를 사용해서 페이지 로딩시 특정 함수 호출 (0) | 2016.03.24 |
| 자바스크립트 - 주민등록번호 입력시 자동으로 textfield 이동 (0) | 2016.03.24 |
| 자바스크립트 - 새창에서 특정페이지로 이동하면서 페이지 닫기 (0) | 2016.03.24 |