javascript - 需要在标签上的文本字段中输入值，其中值来自输入标签

Question

我需要在单击任意单选按钮时从输入标记中获取此表数据 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>

Answer 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并将更改为允许回发。

这是一个包含多行的工作 fiddle ，但我将让您更改 R1 的 ID，因为应该只有 一个 具有特定 ID 的元素:https://jsfiddle.net/xprrxgef/