javascript - 使用 JQuery(或 JS)选择选中的输入复选框旁边的文本？

Question

给定下一个 HTML block :

<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>

如何选择所选单选按钮后的文本？ (例如“已选中”)。

(我不能在字符串中添加标签或类似的东西，我正试图从另一个网页抓取这段文本，所以我只能使用客户端脚本)

Answer 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));">