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"]。

Answer 2

根据您发布的代码，您为什么期望看到该结果？在该代码中，您没有尝试检索文本。我建议：

$('#priorityContents input:checkbox:checked').each(function() {
    var next = this.nextSibling,
        text = next.nodeType == 3 ? next.nodeValue : '';
    console.log(text);
});

JS Fiddle demo

迭代给定id元素中的每个已检查复选框，查看当前节点的下一个兄弟（不是jQuery对象，普通DOM节点），如果该节点是{{ 1}}（textNode的节点等于nodeType）将3（该节点的文本内容）分配给变量。

如果它不是nodeValue，那么它会分配一个空字符串。

Answer 3

您希望转到label元素，input的父元素：

$('#priorityContents input[type="checkbox"]:checked').parent();

这是小提琴：http://jsfiddle.net/Hk63N/

为了提高性能，您应该考虑拆分选择器：

var priorityText = '';

$('#priorityContents input[type="checkbox"]').filter(':checked').parent().each(function() {
    if ( ! priorityText ) {
        priorityText = priorityText + "|";
    }
    priorityText = priorityText + $(this).text();
});

alert(priorityText);

来自jQuery docs：

要在使用这些选择器时获得最佳性能，首先使用纯CSS选择器选择一些元素，然后使用.filter（）。

这是小提琴：http://jsfiddle.net/Hk63N/1/

Answer 4

首先，仅将文本包装在<label>标签中，这对于可用性来说是个好主意。将for属性分配给复选框的ID：

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

然后你可以使用jQuery选择器轻松地定位它：

$('#priorityContents input:checkbox:checked').each(function() {
    priorityText = $('label[for="'+$(this).attr('id')+'"]').text();
    ...
});

也就是说，最简单的方法可能是在复选框的data-prioritytext属性中添加您想要的任何文本，并在代码中使用.data('prioritytext')提取该文本。

Answer 5

你的代码肯定会遗漏一些东西。就像#priorityContents元素一样，如果你正在搜索它，这非常重要。

无论如何，我创建了这个适用于我的演示。基本上你错了我相信是这部分：

priorityText = priorityText + $(this).text();

实际的checkbox元素不拥有.text（）。你需要去父母那里获得那里的实际价值。

DEMO

Answer 6

试试这个

var checkedTxt=$('.checkbox :checked').parent().text();
console.log(checkedTxt);

DEMO.

Answer 7

var name=$(this).parent().text();

您将获得该复选框的文字在html复选框中没有属性来获取文本数据。所以使用parent()函数取

Answer 8

您可以使用jquery以这种方式检索已选中复选框的文本。

var value = $(document).find('input[type="checkbox"]:checked').attr('value');

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

8 个答案: