Disabling CheckBoxList

Edkch · September 6th, 2011, 09:06 PM

Hi,

Don't know if this is the right forum...

I'm able to disable an individual listitem of a checkboxlist on the client side. However, the text of that listitem does not get greyed out no matter what I tried. I want to grey out the text on the client side. Can it be done?

My markup goes something like this:

.
.
.
<td>
<asp:CheckBoxList ID="cbl1" runat="server" RepeatDirection="Horizontal">
<asp:ListItem Value="0"> A    </asp:ListItem>
<asp:ListItem Value="1"> B    </asp:ListItem>
<asp:ListItem Value="2"> C</asp:ListItem></asp:CheckBoxList>
</td>

Here's how I disable my listitem:

var cbl = document.getElementById("<%=cbl1.ClientID%>");
var options = cbl.getElementsByTagName("input");

options[0].disabled = true;

I'm aware that the text of the listitem gets rendered as a label, but it does not have an id that I can refer to.

Thanks, if anyone can help.

Ed

Imar · September 7th, 2011, 08:26 AM

Hi there,

Quote:

Don't know if this is the right forum...

Probably not. This is a client side issue, so you may be better off posting questions like these in a JavaScript forum.

That said, this is easy to do with jQuery.

Code:

var allInputs = $('#<%=cbl1.ClientID%> input');
allInputs[0].disabled = true;
$(allInputs[0]).next().css('color', 'red');

This code gets all input elements, disables the first item and then finds the label using next() to which some CSS is applied; in this case to change the color of the text to red.

Hope this helps,

Imar

Edkch · September 7th, 2011, 12:20 PM

Hi Imar,

Thanks for the help. Greatly appreciated. I'll give it a try. Sorry for posting in the wrong forum.

Ed