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

标签 javascript jquery html dom

我正在尝试访问与复选框关联的文本。指向与之关联的文本的 chekcbox 对象的属性是什么。因此,在下面的示例中,我想提醒用户说“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

关于javascript - 如何获取与复选框关联的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18222897/

相关文章:

javascript - JqG​​rid 在 'aftersavefunc' 之前触发 'successfunc' 和 'saveRow'

javascript - JQuery Mobile `showPageLoadingMsg` 未按预期工作

javascript - 访问 salesforce 外部的 ajax 工具包

javascript - jquery 可调整大小的处理程序随内容移动?

javascript - 如何在表单之外显示 Angular 输入错误状态

javascript - IE10寻找注释掉的javascript方法

undefined object 子属性的 Javascript typeof

javascript - 动画不透明文本CSS

javascript - 使用 jquery.load 将两个值传递到 php 文件

html - 如何在 multipart/form-data HTTP POST 请求中指定字符编码?