转载：jquery如何来获取label标签里的内容 checkbox选中后获取label标签内容

转载网址：http://www.itokit.com/2012/0813/74663.html

我们在做checkbox列表中，希望选中某些checkbox后，checkbox后面的label标签里的显示内容能够在一个指定的文本框里追加上内容。

我们在做checkbox列表中，希望选中某些checkbox后，checkbox后面的label标签里的显示内容能够在一个指定的文本框里追加上内容。

这里主要考虑三个问题点：
1、checkbox后面的label的对象如何获取。
2、label的标签里的内容如何获取；
3、textarea文本域如何追加内容，以及取消选择后，如何删除textarea里增加的内容；

针对以上三点，我们的一个实例就很好的完整的完成了以上的三个功能：

 

<script type="text/javascript">
$(document).ready(function() {
    var o = $('#content');
    var label_str = '';
    $('input:checkbox').click(function() {
        label_str = $(this).next('label').html();
        if($(this).attr('checked') == true) {
            o.val(o.val() + ',' + label_str);
        } else {
            o.val(o.val().replace(new RegExp(',' + label_str, 'g'), ''));
            o.val(o.val().replace(new RegExp(label_str, 'g'), ''));
        }
    })

    $('#showbigpic').mouseover(function() {
        $(this).children('div').css('display', '');
    }).mouseout(function() {
        $(this).children('div').css('display', 'none');
    })
})
</script>