ラベルのテキストフィールドに値を入力する必要があります。入力タグからの値

Question

このテーブルデータから値属性を取得する必要があります。id="q5"ラジオボタンのクリックした人の入力タグから値id=R1は可能ですか???例えば

そのボタンの値4は、ラベルテキスト

<tr> 
 
<td> 
 
<asp:Label ID="Q5" CssClass="lb1" runat="server"></asp:Label> 
 
</td> 
 
<td class="rating" id="Q5"> 
 
<input type="radio" id="qs55" name="rating" value="5" /><label class="full" for="qs55" title="Awesome - 5 stars"></label> 
 
<input type="radio" id="qs54" name="rating" value="4" /><label class="full" for="qs54" title="Pretty good - 4 stars"></label> 
 
<input type="radio" id="qs53" name="rating" value="3" /><label class="full" for="qs53" title="Average - 3 stars"></label> 
 
<input type="radio" id="qs52" name="rating" value="2" /><label class="full" for="qs52" title="Poor - 2 stars"></label> 
 
<input type="radio" id="qs51" name="rating" value="1" /><label class="full" for="qs51" title="Very Poor - 1 star"></label> 
 
</td> 
 
<td> 
 
<asp:Label ID="R1" runat="server"></asp:Label></td> 
 
</tr>

Answer 1

を試すことができます次のラベルのtitleプロパティをR1に割り当てます。

：そう、「＃R1」のコードだけそれらのいずれかを設定します、あなたがこの問題を回避することができます - それはあなたが評価して、複数の質問がありますと仮定しても安全ですので、あなたは、あなたの質問に trを持って

$(function() { 
    $("input[type=radio").change(function() { 
     $("#R1").text($(this).next("label").prop("title")) 
    }) 
}); 

注意

$("#R1", this.closest("tr")).text($(this).next("label").prop("title")) 

しかし、<asp:labelとQ5も使用していますので、これはR5であり、ポストバックを許可するように変更されるはずです。

ここで複数の行を持つ作業フィドルだが、唯一の特定のIDを持つの要素がなければならないと私はR1のIDを変更するにはあなたにそれを残しておきます：https://jsfiddle.net/xprrxgef/

Answer 2

に復帰する必要があります。4、私はラジオボタンをクリックすると、あなたが得ることができます。この

$(document).ready(function(){ 

       var radioValue = $("input[name='rating']:checked").val(); 
       if(radioValue){ 
        alert("Your are a - " + radioValue); 
       } 


     }); 

Answer 3

$('input[name="rating"]').change(function(){ 
    $('[id$=R1]').val($(this).val()); 
}); 

Answer 4

これを試してみてください -

$(function(){ 

    $("input[type=radio][name=rating]").change(function() { 
    $("#R1").text(this.value); 
    }); 

}); 

JsFiddle

Answer 5

あなたはラジオボタンにchangeイベントを結合することができ、 jqueryを使用して選択したラジオボタンを取得します。

$(function() { 
    $("input[name='rating']").change(function() { 
    var title = $('label[for=' + $("input[name='rating']:checked").attr("id") + ']').attr("title"); 
    $("#R1").text(title); 
    }); 
});