javacriptを使用してラジオボタンのラベルテキストを取得する

Question

 
<label for="radio1"> 
     This Radio Button 1 has a label associated with it.</label> 
    <input type="radio" name="Radio" id="radio1" /> 

上記のコードにはラベルとラジオボタンがあり、ラベルはfor属性を使用してラジオボタンに関連付けられています。

ユーザーが関連するラジオボタンを選択/確認すると、ラベルテキストを取得したいと考えています。

Answer 1

もしあなたの使用してjQueryの：

$('input[name="Radio"]').click(function(){ alert($(this).prev('label').text()) }); 

チェックアウトこの例：http://jsfiddle.net/7FzQ9/

Answer 2

$('input#radio1').prev('label[for=radio1]').text(); 

Answer 3

$("input:radio").click(function() { 
    // if the label is before the radio button 
    alert($(this).prev("label").text()); 
    // otherwise use 
    alert($("label[for='" + this.id + "']").text()); 
}); 

Answer 4

を、私はこの質問がヶ月で知っている、とさえすでに受け入れ答えを持っていますが、すべての応答はprevメソッドを使用します。ただ、少しより堅牢な技術は属性セレクタ使用されることを指摘したかった：

$('input:radio').click(function() { 
    var txt = $('label[for=' + this.id + ']').text(); 
    alert(txt); 
}); 

Answer 5

を使用することもできます：

$("input:radio").click(function() { 
    var label_description = this.parentElement.outerText; 
    alert(label_description); 
}) 

Jsのフィドルテスト：

Get the label for a radio