转载：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里增加的内容；

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

 

1. <script type="text/javascript">  
2. $(document).ready(function() {  
3.     var o = $('#content');  
4.     var label_str = '';  
5.     $('input:checkbox').click(function() {  
6.         label_str = $(this).next('label').html();  
7.         if($(this).attr('checked') == true) {  
8.             o.val(o.val() + ',' + label_str);  
9.         } else {  
10.             o.val(o.val().replace(new RegExp(',' + label_str, 'g'), ''));  
11.             o.val(o.val().replace(new RegExp(label_str, 'g'), ''));  
12.         }  
13.     })  
14.       
15.     $('#showbigpic').mouseover(function() {  
16.         $(this).children('div').css('display', '');  
17.     }).mouseout(function() {  
18.         $(this).children('div').css('display', 'none');  
19.     })  
20. })  
21. </script>  

 

转载于:https://www.cnblogs.com/lraa/archive/2013/03/29/2989021.html