한꺼번에 또는 특정영역에만 있는 체크박스 선택하기

 

Jquery 설정하기

http://jquery.com/  가서 파일을 다운로드 합니다.

http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.2.min.js&downloadBtn=

사용할페이지에

<script src="jquery-1.3.2.min.js" type="text/javascript"></script>

넣고 쓰기만 하면 끗~

부모체크박스 이벤트

<script language="javascript">
     function SubChecking(id , checkboxid) {
        id = "#" + id;
        checkboxid = "#"+checkboxid; 

        var checkValue = true;
        if ($(checkboxid).is(":checked") ==false) { //체크가 되있으면 취소로 변경
                checkValue = false;                  
            }

            for (var i = 0; i < $(id).find("input:checkbox").length; i++) { //체크하기
                if ($(id).find("input:checkbox")[i].checked != checkValue) {
                    $(id).find("input:checkbox")[i].checked = checkValue;
                }
            }
    }
</script>

<input id="Repeater1_ctl00_CheckBox1" type="checkbox" name="Repeater1$ctl00$CheckBox1" onclick="SubChecking('init_1' , 'Repeater1_ctl00_CheckBox1');" /><br />

 

<table id="init_1" border="1"> 특정영역을 지정하는 범위입니다. table 아이디 검색합니다.

<tr >

<td class="style2">

</td>

<td class="style3" id="sub">

<input id="Repeater1_ctl00_Repeater2_ctl00_CheckBox2" type="checkbox" name="Repeater1$ctl00$Repeater2$ctl00$CheckBox2" /> //자식체크박스

</td></tr><tr >

<td class="style2">

</td>

<td class="style3" id="sub">

<input id="Repeater1_ctl00_Repeater2_ctl01_CheckBox2" type="checkbox" name="Repeater1$ctl00$Repeater2$ctl01$CheckBox2" />//자식체크박스

</td></tr><tr >

<td class="style2">

</td>

<td class="style3" id="sub">

<input id="Repeater1_ctl00_Repeater2_ctl02_CheckBox2" type="checkbox" name="Repeater1$ctl00$Repeater2$ctl02$CheckBox2" />//자식체크박스

</td></tr>

</table>