通过jquery中的复选框触发器从标签中获取值

Question

jquery 有问题。 我在 jquery easy ui 中有一个简单的标签和手风琴组合，标签和手风琴作为子 div。

accordion 和 tabs 的数据是读取 prom php 数组。我快速浏览了下面的 html 代码并摆弄

<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

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

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

我想通过触发复选框显示标签值，用于当前标签显示/隐藏标签值（动态）在上面用逗号分隔的“标签”div中。

标签和输入会有不同的类。

我尝试使用click(function() 和.val，但我根本没有工作。

谁能帮我做这个简单的事情（我想，对于知道jquery的人来说）

Answer 1

您可以为复选框添加一个更改处理程序，例如

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

演示：Fiddle