●체크박스 하나만 선택되게 하기
<html> <head> <title>체크박스 하나만 선택하기</title> <script type="text/javascript"> function oneCheckbox(a){ var obj = document.getElementsByName("checkbox1"); for(var i=0; i<obj.length; i++){ if(obj[i] != a){ obj[i].checked = false; } } } </script> </head> <body> <form name="sendForm" method="get" > <input type="checkbox" name="checkbox1" value="a1" onclick="oneCheckbox(this)">a1 <input type="checkbox" name="checkbox1" value="a2" onclick="oneCheckbox(this)">a2 <input type="checkbox" name="checkbox1" value="a3" onclick="oneCheckbox(this)">a3 </form> </body> </html> |
●체크박스 모두 선택, 해제
<html> <head> <title>체크박스 하나만 선택하기</title> <script language="JavaScript"> <!-- function selectAll(checkFlag) { var f = document.sendForm; for(var i=0; i<f.elements.length; i++) { if(f.elements[i].name == 'checkbox2'){ f.elements[i].checked = checkFlag; } } } //--> </script> </head> <body> <form name='sendForm'> <input type='checkbox' onclick='selectAll(this.checked);'>모두선택/해제 <input type='checkbox' name='checkbox2' value='value1'>a1 <input type='checkbox' name='checkbox2' value='value2'>a2 <input type='checkbox' name='checkbox2' value='value3'>a3 <input type='checkbox' name='checkbox2' value='value4'>a4 </form> </body> </html> |
'프로그래밍 > java script' 카테고리의 다른 글
| 자바스크립트 연도, 달, 날짜, 요일 구하는 방법 (0) | 2014.07.01 |
|---|---|
| 하이차트(highcharts) 기본 구조 (0) | 2013.11.12 |
| javascript DOM2 (0) | 2013.08.13 |
| javascript DOM1 (0) | 2013.08.12 |
| java script 문법 정리 3 (0) | 2012.03.22 |
댓글