How to change the text of a label?

I have a radiobutton list and on click on the radio button item I have to change the text of its label. But for some reason it's not working. Code is below:

<!-- language: lang-html -->

<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>

ASP.Net [automatically generates unique client IDs for server-side controls](

[To see links please register here]

).

Change it to

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

In ASP.Net 4.0, you could also set the [`ClientIDMode` property](

[To see links please register here]

) to `Static` instead.

Try this:

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

The `id$=` will match the elements that end with that text, which is how ASP.NET auto-generates IDs. You can make it safer using `span[id=$=lblVessel]` but usually this isn't necessary.

I just went through this myself and found the solution. See an ASP.NET label server control *actually* gets redered as a span (not an input), so using the .val() property to get/set will not work. Instead you must use the 'text' property on the span in conjuntion with using the controls .ClientID property. The following code will work:

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

I was having the same problem because i was using

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

I learned that you can either use the provisional jquery method to clear it first then append:

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

Or conventionaly, you could use:

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

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

$('#<%= lblVessel.ClientID %>').html('New Text');


ASP.net Label will be rendered as a span in the browser. so user 'html'.

we have to find label tag for attribute value based on that.we have replace label text.

Script:

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

</script>

Html

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

<a href="http://peakfinders.blogspot.in/2015/10/how-to-change-text-of-label.html"> You want to more details .Click Here</a>

<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>

try this

`$("label").html(your value);` or `$("label").text(your value);`

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