如何用JavaScript获得“包含单选框的标签”里的文字内容?

Question

<div class="choices-panel">
    <div>
        <label for="option1">
            <input type="radio" name="option" id="option1" value="1" checked="">
            "aaa"
        </label>
    </div>
    <div>
        <label for="option2">
            <input type="radio" name="option" id="option2" value="2" checked="">
            "bbb"
        </label>
    </div>
    ...(共有4个这样的label单选框)
</div>

类似这样绑定在option1上的label，怎样使用JavaScript代码得到label的内容（"aaa","bbb"）？

Answer 1

用JQuery倒是知道
$("label[for='option1']").text();

Answer 2

楼上的方法是可行的、不过可以用当前radio选择父元素再用text()

$(this).parent().text()

也可以给aaa bbb包裹一个span标签

然后用

$(this).siblings('selector').text()

Answer 3

已经使用如下代码完成，于ie7和webkit成功运行。

document.getElementsByClassName('choices-panel')[0].innerText;

Answer 4

<div class="choices-panel">
<div>
    <label for="option1">
        <input type="radio" name="option" id="option1" value="1" checked="">
        "aaa"
    </label>
</div>
<div>
    <label for="option2">
        <input type="radio" name="option" id="option2" value="2" checked="">
        "bbb"
    </label>
</div>

</div>

<script type="text/javascript">
var a = [].map.call(document.querySelectorAll('div.choices-panel > div > label[for^="option"]'),function(e){
    return e.textContent.trim();
});
console.log(a.join(' ')); // "aaa" "bbb"
</script>