jquery의 체크 박스 트리거로 레이블에서 값 가져 오기

Question

jquery에 문제가 있습니다. jquery easy ui에서 간단한 탭과 아코디언 콤보를 사용할 수 있으며 어린이 div로 탭과 아코디언을 사용할 수 있습니다.

아코디언 및 탭의 데이터는 prom php 배열로 읽습니다. 나는

<div class="labels"><span></span> </div> 
    <div id='easyui-tabs' style=" background: white;"> 
     <div id="tab1" title="1" style="padding:5px;"> 
      <div class="easyui-accordion"> 
       <div class="subgroup" title="1"> 
        <p><input type="checkbox" value=""/><label><b class="b_1">test1</b></label></p> 
       </div> 
       <div class="subgroup" title="1"> 
        <p><input type="checkbox" value=""/><label><b class="b_2">test2</b></label></p> 
       </div> 
       <div class="subgroup" title="1"> 
        <p><input type="checkbox" value=""/><label><b class="b_3">test3</b></label></p> 
       </div> 
      </div> 
     </div> 
     <div id="tab2" title="2" style="padding:5px;"> 
      <div class="easyui-accordion"> 
       <div class="subgroup" title="1"> 
        <p><input type="checkbox" value=""/><label><b class="b_1">test1</b></label></p> 
       </div> 
       <div class="subgroup" title="1"> 
        <p><input type="checkbox" value=""/><label><b class="b_2">test2</b></label></p> 
       </div> 
      </div> 
     </div> 
    </div> 

JS에게

http://jsfiddle.net/msx20/cf5ju/19/

$(document).ready(function() { 
      $('.easyui-accordion').accordion({ 
       animate: true, 
       fit: true 
      }); 
      $('#easyui-tabs').tabs({ 
       tabPosition: 'left', 
       headerWidth: '80' 
      }); 
     }); 

을 html로 아래의 코드와 바이올린의 빠른 몰래 피크를 만들어 그리고 난 현재의 라벨 표시/숨기기위한 트리거 체크 박스에 의해 레이블 값을 표시 할 쉼표로 구분 된 위의 "레이블"div에 동적으로 값을 레이블링합니다.

레이블과 입력에는 다른 클래스가 있습니다.

나는 click(function()과 .val을 사용하려고하지만 전혀 작동하지 않습니다.

사람이

Answer 1

당신은 단지

$('#easyui-tabs input[type=checkbox]').change(function(){ 
    $(this).next().toggle(this.checked) 
}).change() 

데모처럼 체크 박스에 대한 변경 핸들러를 추가 할 수 있습니다 (내가 enyone에 대한 JQuery와 아는 사람, 가정) 해주십시오 간단한 일을 도와 수 : Fiddle