jquery - 如何在jquery中获取复选框文本？

Question

<input type="Checkbox" value="1">Option1</input>

如何获取文本值？

我需要得到 option1 text 。

Answer 1

您的标记无效，input标签没有结束标签，它是一个自我结束标签，所以您所做的是完全错误的。

这是有效的方法

<input type="checkbox" value="1" />

旁注：忽略使用大写字母，虽然它不会弄乱您的文档，但忽略使用大写字母是一个好习惯。

---

最后要获取 的文本value，您可以使用.attr()方法

$('input[type="checkbox"]').on('click', function() {
    alert($(this).val());
    //or
    alert($(this).attr('value'));
});

演示

Answer 2

html

<input id="check-box" type="Checkbox" value="1">Option1</input>

js

var text = $("#check-box")[0].nextSibling.nodeValue;

Answer 3

您可以像这样创建一个自定义属性，如下所示：-

<input type="checkbox" value="1" id="mycheckbox" data-checkbox-text="Option1">Option1

使用 jQuery

var name = $('#mycheckbox').attr('checkbox-text');