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

时间:2014-02-28 08:22:32

标签: jquery html checkbox accordion

我遇到了jquery的问题。 我有一个简单的标签和手风琴组合在jquery easy ui,tab和accordion作为儿童div。

手风琴和标签的数据是读取舞会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/

我希望在&#34;标签&#34;中显示当前标签显示/隐藏标签值的触发复选框的标签值(动态地)。 div以上用逗号分隔。

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

我尝试使用click(function().val,但我根本没用。

任何人都可以帮我解决这个简单的事情(我想,对于知道jquery的enyone)

1 个答案:

答案 0 :(得分:1)

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

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

演示:Fiddle