Home/ Questions/Q 6174141
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T23:42:05+00:00

I am working on a web forms page which has a GridView which contains

  • 0

I am working on a web forms page which has a GridView which contains two columns of radio buttons generated from an asp:RadioButton control.

I wanted to implement a “select all” checkbox in the respective column headers that would when checked select all of the corresponding radio buttons to checked in that particular column.

I wrote a small bit of jQuery which would do this but it didn’t work straight away. In order for jQuery to select each radio button and mark it as checked I set the class name of the asp:RadioButton control using the CssClass attribute:

<asp:RadioButton ID="id" CssClass="myClass" runat="server" ... />

I was expecting this to generate markup something like:

<input type="radio" class="myClass" ... />

Meaning my jQuery selector would be:

jQuery("input.myClass")

Instead it has wrapped the input element in a span element and applied the class attribute I specified to the span element instead of the input element.

Is there a way to prevent ASP.NET generating this wrapping span element around my input element when using the asp:RadioButton control?

Can I get it to apply the class attribute to the actual input element, instead of the wrapping span element if ASP.NET has to generate it?

(Note: I have updated my jQuery to use a selector that works in the meantime:

jQuery("span.myClass input")

)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Web controls in the System.Web.UI.WebControls namespace may render differently in different browsers. You can’t count on them rendering the same elements always. They may add anything that they think is needed to make it work in the specific browser, changing with each version of .NET.

    If you want to have any control over how the controls are rendered as html, you should use the controls in the System.Web.UI.HtmlControls namespace instead. That is:

    <input type="radio" id="RadioButton1" runat="server" class="myClass" />
<input type="radio" id="RadioButton2" runat="server" class="myClass" />
<input type="radio" id="RadioButton3" runat="server" class="myClass" />

    They will render just as the corresponding html element, with no extra elements added. This of course means that you will have to take responsibility for the browser compatibility, as the control doesn’t. Also, those controls doesn’t have all the features of the controls in the WebControls namespace. So it depends on your needs for the specific situation.

    You could also find another means of selecting all of the inputs in jquery, like basing it on the id (using a similar name on all of them, and a wildcard to select them all). Attribute Contains Selector

    • 0