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

Question

<input type="checkbox" name="vehicle" >Car</input>

如何在 JQuery 中获取文本？

不需要复选框的任何值如何在警报中获取文本区域？

Answer 1

输入不应包含任何内容。你可以这样做： -

标记

<input type="checkbox" name="vehicle" /><label>Car</label>

脚本

$(':checkbox[name=vehicle]').next('label').text();

如果您在更改事件中使用它：那么

$(yourcheckbox).on('change', function(){
    var mytext =  $(this).next('label').text();
})

阅读W3关于使用标签进行输入的标准方式。

Answer 2

我会将文本放在input元素label中并以这种方式获取它：

<input type="checkbox" name="vehicle" />
<label>Car</label>

JS：

$("input[type='checkbox']").change(function() {
    console.log($(this).next("label").text());
});

Answer 3

var text = $('input[type="checkbox"]').text();
alert(text);

这是你想要的吗？

但实际上你的意思是：

<p>Car<input type="checkbox" name="vehicle"></p>

JS：

var text = $('input[type="checkbox"]').parent().text();
alert(text);