Jquery

jquery checkbox관련 기능

포니테일매니아 2012. 7. 3. 17:17

1) checkbox checked 여부

id 인 경우 : $('input:checkbox [ id="checkbox_id" ]').is(":checked") == true;
name인 경우 : $('input:checkbox [ name="checkbox_name"]').is(":checked") == true;

2) checkbox 전체 갯수 : $('input:checkbox [ name="checkbox_name"]').length

3) checkbox 선택된 갯수 : $('input:checkbox [ name="checkbox_name"]:checked').length

4) checkbox 전체 순회 하며 checked 처리

$('input:checkbox [ name="checkbox_name"]').each(function() {
        this.checked = true;
        if ( $(this).is(":checked") ) {
                  처리로직;        
        }
});


5) checkbox value 값 가져오기

$('input:checkbox [ id="checkbox_id" ]').val();

5-1) checkbox value 여러개 값 한번에 가져오기

$('input[id="checkbox_id"]:checkbox:checked').map(function(){
        return $(this).val();
}).get().join(",");

6) checkbox checked 처리하기

$('input:checkbox [ id="checkbox_id"]').attr("checked", true);