如何在jQuery中更改标签的文本？

Question

我有一个radiobutton列表,点击单选按钮项目,我必须更改其标签的文本.但由于某种原因,它不起作用.代码如下:

<asp:Label ID="lblVessel" Text="Vessel:" runat="server"></asp:Label>

<script language="javascript">
  $(document).ready(function() {

    $('#rblDiv input').click(function() {
      var selected = $("#rblDiv input:radio:checked").val();
      if (selected == "exportpack") {
        $('#lblVessel').text("NewText");
      }
    });
  });
</script>

请指教

Answer 1

因为我正在使用,我遇到了同样的问题

$("#LabelID").val("some value");

我了解到你可以使用临时jquery方法先清除它然后追加:

$("#LabelID").empty();
$("#LabelID").append("some Text");

或者通常,您可以使用:

$("#LabelID").text("some value");

要么

$("#LabelID").html("some value");

Answer 2

ASP.Net 自动为服务器端控件生成唯一的客户端ID.

将其更改为

 $('#<%= lblVessel.ClientID %>')

在ASP.Net 4.0中,你还可以设置ClientIDMode属性来Static代替.

Answer 3

试试这个:

$('[id$=lblVessel]').text("NewText");

在id$=将匹配与文字,这是多么ASP.NET自动生成的ID结束的元素.您可以使用它更安全,span[id=$=lblVessel]但通常这不是必需的.

Answer 4

试试这个

$("label").html(your value); 要么 $("label").text(your value);

Answer 5

我自己刚刚经历了这个并找到了解决方案。看到 ASP.NET 标签服务器控件实际上被重新命名为跨度（不是输入），因此使用 .val() 属性来获取/设置将不起作用。相反，您必须结合使用控件 .ClientID 属性使用跨度上的“文本”属性。以下代码将起作用：

$("#<%=lblVessel.ClientID %>").text('NewText');

Answer 6

<asp:RadioButtonList ID="rbtnType" runat="server">
    <asp:ListItem Value="C">Co</asp:ListItem>
    <asp:ListItem Value="I">In</asp:ListItem>
    <asp:ListItem Value="O">Out</asp:ListItem>
</asp:RadioButtonList>
<br />
<asp:Label ID="lblLabelName" runat="server"></asp:Label>
<script type="text/javascript">
    $(document).ready(function() {
        $("#<%=rbtnType.ClientID%>").change(function() {
            var rbvalue = $("input[@name=<%=rbtnType.ClientID%>]:radio:checked").val();
            if (rbvalue == "C") {
                $('#<%=lblLabelName.ClientID %>').html('text1');
            } else if (rbvalue == "I") {
                $('#<%=lblLabelName.ClientID %>').html('else text2');
            } else if (rbvalue == "O") {
                $('#<%=lblLabelName.ClientID %>').html('or elsethistext');
            }
        });
    });
</script>

Answer 7

我们必须基于此找到属性值的标签标记。我们已经替换了标签文本。

脚本：

<script type="text/javascript">
$(document).ready(function() 
{ 
$("label[for*='test']").html("others");
});

</script>

网页

<label for="test_992918d5-a2f4-4962-b644-bd7294cbf2e6_FillInButton">others</label>

您想了解更多详情，请点击这里

Answer 8

   lable value $('#lablel_id').html(value);