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，因此可以安全地假设您的评分会有多个问题 - 所以＆＃34;＃R1＆＃34;代码只会设置其中一个，您可以通过以下方式解决这个问题：

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

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

这里有一个多行的小提琴，但是我会留给你更改R1的ID，因为只有一个带有特定ID的元素：{ {3}}

Answer 2

你可以试试这个

$(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);
    });
});

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

5 个答案: