jQuery 공작소 : :checkbox

<style type="text/css">
    .css_test {
        margin-top : 10px;
    }
    .css_test input, .css_test textarea {
        margin-top : 10px;
    }
</style>

체크 박스만 골라서 표시해 봅니다.<br><br>
<button type="button" onclick="$('.css_test input:checkbox').css('border', '3px red solid')">눌러보세요</button>
<button type="button" onclick="$('.css_test input:checkbox').css('border', '')">다시하기</button>

<div class="css_test">
    <input type="checkbox" value="" />체크박스1 <input type="checkbox" value="" />체크박스2
    <input type="radio" name="r" value="" />라디오 버튼<br>
    <input type="text" value="text 박스" style="" /><br>
    <textarea>텍스트 에리어</textarea>
</div>

<style type="text/css">
    .css_test {
        width : 500px;
        margin : 0 auto;
    }
    .css_test textarea {
        width : 100%;
        height : 170px;
    }
</style>

<div class="css_test">
    <b>여러분이 좋아하는 동물을 골라 보세요 !</b><br><br>
    <input type="checkbox" value="굿펠로우 나무타기 캥거루" />굿펠로우 나무타기 캥거루<br>
    <input type="checkbox" value="뉴칼레도니아 가고일 도마뱀붙이" />뉴칼레도니아 가고일 도마뱀붙이<br>
    <input type="checkbox" value="베네주엘라 붉은배 청타란튤라" />베네주엘라 붉은배 청타란튤라<br>
    <input type="checkbox" value="북아메리카 검은머리 흰죽지" />북아메리카 검은머리 흰죽지<br>
    <input type="checkbox" value="살찐꼬리 난장이 여우원숭이" />살찐꼬리 난장이 여우원숭이<br>
    <input type="checkbox" value="윌리암슨 수액빨이 딱다구리" />윌리암슨 수액빨이 딱다구리<br>
    <input type="checkbox" value="쿠비어 난장이 카이만" />쿠비어 난장이 카이만<br>
    <input type="checkbox" value="큰꼬리 검은 찌르레기 사촌" />큰꼬리 검은 찌르레기 사촌<br>
    <input type="checkbox" value="운영자 (뀨~)" />여기 운영자<br>
    <br>
    <textarea></textarea>
</div>

<script type="text/javascript">
    $('.css_test input:checkbox').bind('click', j_test); // 체크박스에 클릭이벤트 지정

    function j_test(){
        var txt = '';
        $('.css_test input:checkbox:checked').each(function(){
            txt += $(this).val() + '\n';
        });
        $('.css_test textarea').val(txt);
    }
</script>