한개의 체크박스만 선택 가능하게 설정
http://www.jasko.co.kr/src/20011002/select_one.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Jasko Sample Script </TITLE>
<style>
body,td {font-size:12px}
</style>
<!----- 1. 아래의 스크립트를 HEAD 부분에 붙여 넣으세요 -------->
<SCRIPT LANGUAGE="JavaScript">
<!--
function checkBoxValidate(cb) {
for (j = 0; j < 8; j++) {
if (eval("document.myform.ckbox[" + j + "].checked") == true) {
document.myform.ckbox[j].checked = false;
if (j == cb) {
document.myform.ckbox[j].checked = true;
}
}
}
}
// -->
</script>
<!------------------ 여기까지 --------------->
</HEAD>
<BODY>
<p align=center>
아래 체크박스에서는 한가지만 선택이 가능합니다
<p align=center>
<!----- 2. 원하는 위치에 아래와 같이 코드를 붙여 넣으세요 ------->
<form name=myform>
항목 1<input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(0)"><br>
항목 2<input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(1)"><br>
항목 3<input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(2)"><br>
항목 4<input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(3)"><br>
항목 5<input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(4)"><br>
항목 6<input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(5)"><br>
항목 7<input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(6)"><br>
항목 8<input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(7)"><br>
</form>
<!------------------ 여기까지 -------------->
</BODY>
</HTML>
[출처] 자스코 (http://www.jasko.com/xe/6573)
'프로그래밍 > HTML & JavaScript' 카테고리의 다른 글
| 스마트폰으로 접속시 특정 사이트로 이동 소스 Javascript (0) | 2015.01.27 |
|---|---|
| [HTML] 스마트폰에서 홈페이지 잘 보이게 하는 방법 (0) | 2015.01.27 |
| 체크박스 전체선택 해제 & 체크박스 선택 삭제 (0) | 2015.01.27 |
| 아이프레임 높이 자동조절 (0) | 2015.01.27 |
| 글 복사시 출처 자동으로 넣어주기 (0) | 2015.01.27 |
