jquery - 如何获取与复选框关联的标签的值(我是否破坏了 jsfiddle)？

Question

我需要构建用户选择的部门编号的 csv。

我从这个 HTML 开始:

<button id="btnDept">select Depts</button>
<div id="dialog" title="Select the Depts you want to include in the report" style="display:none;">
    <div>
        <label for="ckbx2">2</label>
        <input type="checkbox" id="ckbx2" />
        <label for="ckbx3" id="lbl3">3</label>
        <input type="checkbox" id="ckbx3" />
    </div>
</div>

...还有这个 jQuery:

var deptsSelected = '';
$("#btnDept").click(function () {
    $("#dialog").dialog({
        modal: true
    });
    $('checkbox').click(function() {
        deptsSelected += this.val + ',';
        alert(deptsSelected);
    });
});

...这对显示已选择的部门没有任何作用——这是有道理的，因为“this”大概是复选框，当然不是标签。我将在这个对话框中有几十个复选框，并且不想写这样的东西:

$('#ckbx3').click(函数() { deptsSelected += $('lbl3').val + ','; 警报(已选择部门)；});

...对于每个复选框/标签对(即使使用这种蛮力方法，上面的代码也会显示此警报，而不是我所期待/希望的:

Murgatroid 的天堂/什么乱七八糟的东西？!？

jsfiddle 在这里:http://jsfiddle.net/clayshannon/aWpPN/

Answer 1

请试试这个:

var deptsSelected = '';
$("#btnDept").click(function () {
    $("#dialog").dialog({
        modal: true
    });
    $("input:checkbox").click(function () {
        deptsSelected += $("label[for='" + this.id + "']").text() + ',';
        alert(deptsSelected);
    });
});

这是它的 fiddle :http://jsfiddle.net/yFB6W/