javascript - 仅获取选中复选框的那些输入的标签名称

Question

我有一个如下所示的字段集

<div class="ui-field-contain">
<fieldset id="fieldstep1" data-role="controlgroup">
    <legend>Choose Sections:</legend>
    <input name="checkbox-1a" id="checkbox-1a" type="checkbox">
    <label for="checkbox-1a">Morning</label>
    <input name="checkbox-2a" id="checkbox-2a" checked  type="checkbox">
    <label for="checkbox-2a">Evening</label>
    <input name="checkbox-3a" id="checkbox-3a" checked type="checkbox">
    <label for="checkbox-3a">Night</label>
    <input name="checkbox-4a" id="checkbox-4a" checked type="checkbox">
    <label for="checkbox-4a">Snacks</label>
</fieldset>
</div>         

我需要获取选中的复选框的所有标签名称。

现在我使用此代码。这会返回所有标签名称。

$('#fieldstep1').find('label').each(function(){
var a = $(this).text();
alert(a);
});

这是 Js fiddle - http://jsfiddle.net/sGy38/

Answer 1

你可以这样做:

$('#fieldstep1').find('label').each(function () {
    if ($('#' + $(this).attr('for')).is(':checked')) {
        var a = $(this).text();
        alert(a);
    }
});

说明:对于每个标签 $('#' + $(this).attr('for')) 获取标签的复选框，并 .is(':checked' ) 检查是否已选中。

查看更新后的fiddle .