javascript - 如何使用 jquery 从输入复选框中检索文本？

Question

我正在尝试检索所选复选框的文本，如下所示:

HTML:

<label class="checkbox">        
    <input type="checkbox" name="priority" value="2" checked="checked">2 - Critical
</label>
<label class="checkbox">        
    <input type="checkbox" name="priority" value="3">3 - Important
</label>

jquery:

$('#priorityContents input:checkbox:checked').each(function() {
    if(priorityText.length > 0) {
        priorityText = priorityText + "|";
    }
    priorityText = priorityText + $(this).text();
});

alert(priorityText);

我希望看到:

2 - Critical

我的控制台中没有收到任何错误。我错过了什么？

Answer 1

你可以尝试:

<input id="cb" type="checkbox" name="priority" value="2" checked="checked">
<label for='cb' class="checkbox"> 2 - Critical</label>

$('#priorityContents input[type="checkbox"]:checked').each(function() {
    var txt = $(this).next('label').text();
});

请注意 :checkbox 选择器已弃用，您可以使用 input[type="checkbox"] 代替。