how to remove code behind CSS using jquery?

Question

i am using jquery for enabling and disabling a button

$(function () {
$('.CSSCheck').click(function () {
    if ($("[id$='Chkbox']:checked").length > 0) {
        $("#<%=Button1.ClientID %>").removeAttr('disabled');
    }
    else {
        $("#<%=Button1.ClientID %>").attr('disabled', 'disabled');

    }
});
});

on code behind i am adding a css to datalist image button on Select_Command

DataListItemCollection xxx = datalist1.Items;  
int index = id;
int count = 0;     
foreach (DataListItem x in xxx )
{
   if (count == index)
        {
          (x.FindControl("btn1") as ImageButton).BorderColor = System.Drawing.Color.Blue;
          (x.FindControl("btn1") as ImageButton).BorderWidth = 1;
        }
}

how to remove this css using the same jquery?

you mean remove against all button in the List or just specific one? — Simon Wang
– Simon Wang, Commented Feb 28, 2012 at 10:51
removing from the selected one, because my code behind css is getting applied in a particular image button(which is selected), how could i make my blue color to white through using my jquery — Rocky
– Rocky, Commented Feb 28, 2012 at 10:54

Artem Koshelev · Accepted Answer · 2012-02-28 10:54:32Z

3

This should work

$("#<%=Button1.ClientID %>").css('border', '');

It is recommended however to use classes

$("#<%=Button1.ClientID %>").removeClass('myborder');

in code-behind:

(x.FindControl("btn1") as ImageButton).CssClass = "myborder";

Style definition:

.myborder { border: 1px solid Blue; }

answered Feb 28, 2012 at 10:54

Artem Koshelev

10.6k4 gold badges39 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Rocky Over a year ago

Button1 is different (its out side of datalist), and btn1 is different(its inside the datalist)

Artem Koshelev Over a year ago

You can change jQuery selector to search for buttons with class assigned from code-behind: $(".myborder").removeClass('myborder');

Collectives™ on Stack Overflow

how to remove code behind CSS using jquery?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related