需要在标签上的文本字段中输入值，其中输入标签的值答案

【问题标题】：Need to enter value in text field on label where value from input tag需要在标签上的文本字段中输入值，其中输入标签的值
【发布时间】：2016-08-17 11:08:51
【问题描述】：

我需要在单击单选按钮的任何一个时从输入标签中获取此表数据id="q5" 的值属性，并显示标签id=R1 是否可能？？？

例如，如果我单击单选按钮 4，按钮值 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>

【问题讨论】：

我在 td 标签中使用了使用 onclick=printlabel() 的脚本，我将在function printlabel() { var Q5 = document.getElementByID('Q5'); var a = Q5.value; alert (a); document.write(document.getElementById('R1').innerText); }下方发布该代码

标签： javascript jquery html asp.net vb.net

【解决方案1】：

你可以获取下一个标签的title属性并赋值给R1：

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

请注意，您的问题中有tr，因此可以肯定地假设您会有多个评级问题 - 因此“#R1”代码只会设置其中一个，您可以通过以下方式解决此问题：

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

但是，您还使用了 <asp:label 和 Q5，所以我猜这应该是 R5 并且将更改为允许回发。

这是一个多行的工作小提琴，但我会留给您更改 R1 的 ID，因为应该只有一个具有特定 ID 的元素：https://jsfiddle.net/xprrxgef/

【讨论】：

【解决方案2】：

你可以试试这个

$(document).ready(function(){

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


        });

【讨论】：

【解决方案3】：

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

【讨论】：

嗨，欢迎来到 StackOverflow - 请添加一个（最少的）解释，说明这是如何回答问题的。

【解决方案4】：

试试这个 -

$(function (){

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

});

JsFiddle

【讨论】：

【解决方案5】：

您可以将change 事件绑定到单选按钮，并使用jquery 获取选中的单选按钮。

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

【讨论】：