jQuery 공작소 : :checked

<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>
    <input type="checkbox" value="없음" />없음<br>
    <br>
    <textarea></textarea>
</div>

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

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

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

<div class="css_test">
    <b>당신의 혈액형은 ?</b><br><br>
    <input type="radio" name="css_test" value="A" />A<br>
    <input type="radio" name="css_test" value="B" />B<br>
    <input type="radio" name="css_test" value="AB" />AB<br>
    <input type="radio" name="css_test" value="O" />O<br>
    <br>
    <textarea></textarea>
</div>

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

    function j_test(){
        var txt = '';
        txt = $('.css_test [type=radio]:checked').val();
        $('.css_test textarea').val(txt + '형');
    }
</script>