Search code examples
javascriptjqueryhtmlasp.netlabel

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:

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

Solution

  • ASP.Net automatically generates unique client IDs for server-side controls.

    Change it to

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

    In ASP.Net 4.0, you could also set the ClientIDMode property to Static instead.