选中复选框 获取复选框后面文字 显示在div中 取消选中 则不显示

 

                                        评分项选择
                                       

                                       

                                         
                                           
                                               
                                               
                                           
                                           
                                               
                                               
                                                   
                                                     
                                               
                                               
                                           
                                         

选择评分表	评分表名称
	{$xo.xmname}

                                       

                                            
                                       

                                       

 
                                       

                                             
                                               
                                                   
                                                   
                                                   
                                               
                                               
                                               
                                             

已选评分项	设置最大分值	是否为一键否决项

                                           

------以上是表单---------------------------------

 var num=0;//定义一个全局变量
    $(function(){
        $(".xuanze").hide();//页面加载的时候隐藏div
    }); 

$(".checkbox").on('click',function(){

        var xmname = $(this). parent().next().text();//获取点击复选框的文字
        if($(this).is(':checked'))//判断复选框是否选中
        {   
            var str = '';
            str+= ""+xmname+"";//选中后拼接想要展示的数据
            $("#tbody").append(str);//在tbody里面展示
            num=num+1;//选中让全局变量加一
        }
        else
        {
            num=num-1;//取消选中的时候 全局变量减一 获取tbody下所有的tr
            $("#tbody tr").each(function(){
                var text = $(this).children("td:first").text();//获取tr中第一行td中的文字
                if(text==xmname)//判断获取到的文字
                {
                    $(this).remove();//相等的话删除掉此行
                }
            })
        }
        if(num==0)//判断定义的全局变量是否
        {
            $(".xuanze").hide();//等于0隐藏
        }
        else
        {
            $(".xuanze").show();//不等于0的时候显示
        }
    });