Question

我们可以选择已选中的复选框（在jQuery中），如下所示：

jQuery(:checked)

但是我们怎样才能在jQuery中选中复选框的标签？

Answer 1

复选框不带有文字（在asp.net中 DOES ）

jQuery(":checked").next('span').html() //next or prev ( depends n direction)

Answer 2

复选框文本是label元素。只需使用for属性的算法进行搜索：

在html中看起来像：

<input type="checkbox" name="chk" />
<label for="chk">Checkbox 1</label>

你可以找到它：

jQuery('input[type=checkbox]:checked').map(function() {
    return $('label[for=' + $(this).attr('name') + ']');
});

这将返回所有复选框标签。标签不需要是复选框附近的下一个或上一个元素。

Answer 3

假设你有这个HTML

<label>Label</label>
<input type="checkbox" checked="checked"> test </input>
<label>Label 2</label>
<input type="checkbox" > test 2 </input>
<label>Label 3</label>
<input type="checkbox" > test 3</input>

您可以使用

找到标签

$("input:checked").prev('label');

*如果你的html

中的复选框后面有标签，请使用.next

*如果您将复选框包装在标签元素

中，请使用.parent

Jquery选择器，用于选中复选框的标签

3 个答案: