显示多个选中复选框的值答案

【问题标题】：Display values of multiple checked checkboxes显示多个选中复选框的值
【发布时间】：2013-12-02 08:43:42
【问题描述】：

我需要 jQuery 方面的帮助。

我有一个带有文本和复选框的 easyui 手风琴，在每个手风琴中我有多个输入。输入的值是从 php 数组中读取的。

我想在选中时显示每个输入的值（未选中隐藏值）。

并显示 span 中的所有值，当前类 .values 以逗号分隔。我对此有疑问，因为我不知道如何显示所有值..

我试过了

 $('#sub_number').on('change', function () {
     var val = this.checked ? this.value : '';
     $('.values').html(val);
 });

但它不起作用，我不知道我应该使用输入 id 还是父 div id 或者只是在 jQuery 中输入选择器。你应该帮我处理这段代码吗？

下面是我的代码

<span class="values"></span>
<div id='easyui-tabs'>
    <div id="tab9081">
        <div class="group easyui-accordion">
            <div class="subgroup" title="1">
                <p><input type="checkbox" id="sub_number" value="1.a"/><label>1233</label></p>
                <p><input type="checkbox" id="sub_number" value="1.b"/><label>3444</label></p>
                <p><input type="checkbox" id="sub_number" value="1.c"/><label>eee</label></p>
                <p><input type="checkbox" id="sub_number" value="1.e"/><label>dede</label></p>
                <p><input type="checkbox" id="sub_number" value="1.f"/><label>eded</label></p>
            </div>
            <div class="subgroup" title="2">
                <p><input type="checkbox" id="sub_number" value="2.a"/><label>eded</label></p>
                <p><input type="checkbox" id="sub_number" value="2.b"/><label>deded</label></p>
                <p><input type="checkbox" id="sub_number" value="2.c"/><label>dede</label></p>
                <p><input type="checkbox" id="sub_number" value="2.d"/><label>frf</label></p>
            </div>
        </div>
    </div>
</div>

【问题讨论】：

标签： jquery html input accordion

【解决方案1】：

用途：

$("input[type=checkbox]").on('change', function () {
 var val = this.checked ? this.value : '';
 $(this).parent().html(val);
});

检查我们的小提琴工作：http://jsfiddle.net/VFn2M/

您的示例有很多具有相同 id (sub_number) 的元素。 id 在整个文档中必须是唯一的。如果不是这种情况，请改用类。

【讨论】：