같은 아이디인 여러 체크박스를 전체선택

-- JQuery 2013. 2. 8. 21:22
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

$(document).ready(function() { 
    $("#select_chk").click(select_check_click);
    $("#select_all").click(select_all_click);
});

// select_chk버튼을 눌렀을 때 체크박스가 체크된 수를 체크한다.

select_check_click = function(e) {

    var selected_list = new Array();
 
    
$("input:checkbox[id=selector]").each(function() {
        if($(this).is(":checked") == true) {
           selected_list.push($(this).val());
        } 
    });

 
    alert(selected_list.length);
}


// select_all버튼을 눌렀을 때 selector 체크박스들을 모두 선택/해제한다.

select_all_click = function(e) {
    if($("input:checkbox[id=select_all]").is(":checked") == true) {
        
$("input:checkbox[id=selector").each(function() {
            $(this).attr("checked", "checked");
       });
    }
    else {
        
$("input:checkbox[id=selector]").each(function() {
            $(this).removeAttr("checked");
       });

    }
}

<!-- select_all을 눌렀을 때 selector 체크박스들이 모두 선택/해제 -->

<input type="checkbox" id="select_all" value="all" />


<input type="checkbox" id="selector" value="1" />
<input type="checkbox" id="selector" value="2" />
<input type="checkbox" id="selector" value="3" />

<input type="button" id="select_chk" value="체크" />

posted by 어린왕자악꿍