가끔씩보다 보면은 게시판이라던가 주문내역이라던가 하는부분에
전체선택 이라는 기능이 있는것을 본적이 있을것이다.
꽤나 쓸만한 이 기능.. 지금 만들어봅시다~
<HTML>
<HEAD>
<TITLE> checkbox 전체선택 </TITLE>
</HEAD>
<script type="text/javascript">
function doCheckAll(all) {
var obj = document.getElementsByName("chkTest");
var val = true;
if( all.checked == false ) { // 값이 체크가 안되어져있으면
val = false; // 전체선택을 해제 하게..
}
for (var i =0 ; i < obj.length ; i++ ) {
obj[i].checked = val;
}
}
</script>
<BODY>
<input type="checkbox" name="chkAll" onclick="doCheckAll(this);"> 전체선택 <br />
<input type="checkbox" name="chkTest" value="1"> 1번 <br />
<input type="checkbox" name="chkTest" value="2"> 2번 <br />
<input type="checkbox" name="chkTest" value="3"> 3번 <br />
<input type="checkbox" name="chkTest" value="4"> 4번 <br />
<input type="checkbox" name="chkTest" value="5"> 5번 <br />
<input type="checkbox" name="chkTest" value="6"> 6번 <br />
<input type="checkbox" name="chkTest" value="7"> 7번 <br />
<input type="checkbox" name="chkTest" value="8"> 8번 <br />
<input type="checkbox" name="chkTest" value="9"> 9번 <br />
<input type="checkbox" name="chkTest" value="10"> 10번 <br />
</BODY>
</HTML>
이렇게 테스트 코드를 만들어 보았습니다.
음 이건 약간 응용이라고 할 수 있는거죠. 체크박스 하나만 선택되는 것을 배우면서
getElementsByName() 을 써보았으니까요 ^^
실제 응용하게된다면.. 체크된값들만 사용해서 해당되는 value 값의 내용을
DB에 update, delete 할 수도 있겠죠? ^^
전체선택 이라는 기능이 있는것을 본적이 있을것이다.
꽤나 쓸만한 이 기능.. 지금 만들어봅시다~
<HTML>
<HEAD>
<TITLE> checkbox 전체선택 </TITLE>
</HEAD>
<script type="text/javascript">
function doCheckAll(all) {
var obj = document.getElementsByName("chkTest");
var val = true;
if( all.checked == false ) { // 값이 체크가 안되어져있으면
val = false; // 전체선택을 해제 하게..
}
for (var i =0 ; i < obj.length ; i++ ) {
obj[i].checked = val;
}
}
</script>
<BODY>
<input type="checkbox" name="chkAll" onclick="doCheckAll(this);"> 전체선택 <br />
<input type="checkbox" name="chkTest" value="1"> 1번 <br />
<input type="checkbox" name="chkTest" value="2"> 2번 <br />
<input type="checkbox" name="chkTest" value="3"> 3번 <br />
<input type="checkbox" name="chkTest" value="4"> 4번 <br />
<input type="checkbox" name="chkTest" value="5"> 5번 <br />
<input type="checkbox" name="chkTest" value="6"> 6번 <br />
<input type="checkbox" name="chkTest" value="7"> 7번 <br />
<input type="checkbox" name="chkTest" value="8"> 8번 <br />
<input type="checkbox" name="chkTest" value="9"> 9번 <br />
<input type="checkbox" name="chkTest" value="10"> 10번 <br />
</BODY>
</HTML>
이렇게 테스트 코드를 만들어 보았습니다.
음 이건 약간 응용이라고 할 수 있는거죠. 체크박스 하나만 선택되는 것을 배우면서
getElementsByName() 을 써보았으니까요 ^^
실제 응용하게된다면.. 체크된값들만 사용해서 해당되는 value 값의 내용을
DB에 update, delete 할 수도 있겠죠? ^^
