如何获取与复选框关联的文本

How to get the text associated with a checkbox

本文关键字：复选框 关联 文本 何获取 获取      更新时间：2023-09-26

我正在尝试访问与复选框关联的文本。指向与之相关联的文本的复选框对象的属性是什么。因此，在下面的示例中，我想提醒用户说"Selected-TextXYZ"。

<form id="idForm" class="classForm">
<input type="checkbox" id="idCheckbox"> TextXYZ <br>
</form>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
function clickCheckbox() {alert("Selected -- " + this.name);}
$(document).ready( function() {
    $("#idCheckbox").click(clickCheckbox);
});
</script>

您可以使用nextSibling dom属性来获取复选框之后的文本节点

尝试

function clickCheckbox() {
    alert("Selected -- " + $.trim($(this.nextSibling).text()));
}
$(document).ready( function() {
    $("#idCheckbox").click(clickCheckbox);
});

演示：Fiddle

使用文本标签并使用for属性。

相关文章：