본문 바로가기
프로그래밍/JavaScript

체크 박스나 라디오 버튼의 모두 선택/해제 스크립트

by 백룡화검 2010. 4. 24.

체크박스나 라디오버튼에 대해 , 혹은 혼합하여 사용할 수 있는 모두선택, 해제 스크립트

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title> Jasko Sample Script </title>

<!---- [1단계] 아래의 스크립트를 HEAD 부분에 복사 해 넣으세요 ----->

<script>
function checkall(formname,checkname,thestate){
var el_collection=eval("document.forms."+formname+"."+checkname)
for (c=0;c<el_collection.length;c++)
el_collection[c].checked=thestate
}
</script>

<!-------------- 여기까지 ---------------->

</head>

<body>

<form name="myForm">
<input type="radio" name="v1"> 라디오버튼
<input type="checkbox" name="v1"> 체크박스-1
<input type="checkbox" name="v1"> 체크박스-2
</form>

<!---- [1단계] BODY 부분에 아래와 같은 방법으로 태그와 코드를 복사 해 넣으세요 --->

<a href="javascript:checkall('myForm','v1',true)">모두선택</a> |
<a href="javascript:checkall('myForm','v1',false)">모두해제</a>

<!-------------- 여기까지 ---------------->

</body>
</html>


 

받는쪽은...

<%
 String[] checkID = request.getParameterValues("checkID");
%>
<BODY>
<% for(int i=0; i<checkID.length; i++){ %>

keyValue = <%=checkID[i]%><br>

<% }//end for %>