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

Question

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

如何获取文字值？

我需要获得option1文本。

Answer 1

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

这是

的有效方法

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

备注：忽略使用大写，但不会弄乱你的文档，但忽略使用大写是一个好习惯。

---

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

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

Demo

Answer 2

HTML

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

是

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');