使用JQuery(或JS)选中已检查输入复选框旁边的文本?

时间:2013-06-12 23:51:27

标签: javascript jquery dom

给出下一个HTML块:

<div class"radioGroup">
   <input type="radio" value="0">
        This is NOT checked
   <input type="radio" value="1" checked = "checked" > 
        This is checked
   <input type="radio" value="2">
        This is NOT checked
</div>

如何选择所选单选按钮后面的文字? (例如“这是检查”)。

(我无法在字符串中添加标签或类似的东西,我试图从其他网页抓取此文本,因此我只能使用客户端脚本)

1 个答案:

答案 0 :(得分:1)

您可以使用:

<input ... onclick="alert(this.nextSibling.data);">

当然,这非常依赖于DOM的结构。您可能希望将此元素中的所有文本节点中的数据连接到下一个元素,因此您可能需要以下函数:

function getTextByNodes(el) {
  var text ='';
  while (el && el.nextSibling && el.nextSibling.nodeType == 3) {
    text += el.nextSibling.data;
    el = el.nextSibling;
  }
  return text;
}

使用:

<input ... onclick="alert(getTextByNodes(this));">