How do Enable/Disable linkbutton in javascript?

Question

I have a link button in the page like:

<asp:LinkButton ID="edit" runat="server" OnClick="edit_Click" Enabled="False">ویرایش</asp:LinkButton>

I want Enable/Disable this in javascript.

I use this code but set visible

var objedit = document.getElementById('<%= edit.ClientID.ToString() %>');
objedit.style.display = "none";

I use this code but not enable

if (count == 1) {
    objedit.disabled = false;
} else {
    objedit.disabled = true;
}

I can click but link button is disabled.

enter image description here

display the element . I want show 'Edit Item' like 'New Item' — ar.gorgin
– ar.gorgin, Commented Apr 8, 2012 at 5:56
hey pesar , farsi begoo , motavajeh nashodam manzooret chie? — pylover
– pylover, Commented Apr 8, 2012 at 6:02
man ye linkbutton daram ke mikham enable/disable konam az hame in coda ham estefade kardam vali hamintor ke toie ax mibinin be sorat disable neshon mide , albate mitonam click konam vali karbar be sorat gheir faal mibine :) — ar.gorgin
– ar.gorgin, Commented Apr 8, 2012 at 6:09

Community · Accepted Answer · 2017-05-23 12:10:11Z

1

This link should give you everything you need. You can't really "disable" a linkbutton because its just a link with some javascript attached. Basically, you need to reassign the click handler to something that returns void or false.

You can refer to the ID of the link with the following script:

<script runat="server">
   var a = document.getElementById('<%= edit.ClientID.ToString() %>')
</script>

edited May 23, 2017 at 12:10

CommunityBot

11 silver badge

answered Apr 8, 2012 at 5:58

Daniel Szabo

7,2817 gold badges52 silver badges70 bronze badges

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

2 Comments

Daniel Szabo Over a year ago

@argorgin: Did you look at the links I posted? You need to reassign the onclick event handler of the linkbutton: a.onclick = function(){};

ar.gorgin Over a year ago

I set Attribute for linkbutton (onclick).

Derek 朕會功夫 · Accepted Answer · 2012-04-08 06:41:39Z

1

So, is this what you want?
http://jsfiddle.net/hzaR6/
http://jsfiddle.net/hzaR6/2/ -- UPDATED, tested in Chrome and Firefox

The UPDATED way

You can use a class name to define disabled element, for which you can have more control on their styles ... etc.

$("#link").toggleClass("disabled"); //This will simply toggle the class

and for the css

#link.disabled{
    z-index:-1;            /*Make it not clickable*/
    position:relative;
    opacity: .5;           /*Lighter*/
}

You can do whatever you want here.

The good old `form` element way

$("#edit").attr("disabled", false);
 -or-
document.getElementBy("edit").disabled = false;

This will disable any form element. If you want to enable them, just change false to true.

var a = document.getElementBy("edit").disabled;

a will be true if the element is disabled. Otherwise it will be false.

edited Apr 8, 2012 at 6:41

answered Apr 8, 2012 at 5:58

Derek 朕會功夫

94.8k45 gold badges199 silver badges255 bronze badges

2 Comments

Daniel Szabo Over a year ago

I had the same thought, but this solution doesn't work on asp.net link buttons (they are just hyperlinks with javascript attached to their onclick handlers) see here: jsfiddle.net/hzaR6/1.

Daniel Szabo Over a year ago

@Derek - you're right. If the OP wants to disable a linkbutton via javascript, he either needs to change the onclick event or the linkbutton itself, or use an asp:button instead (in which case, your solution would work).

Alex Kudryashev · Accepted Answer · 2016-05-06 00:38:27Z

1

To disable element:

document.getElementById('<%# edit.ClientID %>').disabled = 'disabled';
//.ToString() is not necessary; ClientID is a string.

To re-enable:

document.getElementById('<%# edit.ClientID %>').disabled = '';

Of course, it can be done after document (DOM) is loaded.

answered May 6, 2016 at 0:38

Alex Kudryashev

9,5103 gold badges31 silver badges39 bronze badges

Comments

user1317319 · Accepted Answer · 2012-04-08 05:34:11Z

0

try this

var objedit = document.getElementById("edit"); //not editid (editid is a variable)
objedit.disabled = true; //if I'm not mistaken its true/false or disabled

answered Apr 8, 2012 at 5:34

user1317319

5 Comments

ar.gorgin Over a year ago

I use this code but linkbutton is disable . I mean, the buttons on the form is displayed.

ar.gorgin Over a year ago

Ok , i use this code . i can click on button but linkbutton is displayed.

user1317319 Over a year ago

wait man, i don't seemed to understand what you wanted to do, can you please clarify your question?

ar.gorgin Over a year ago

Plz show picture. I use this code(objedit.disabled = false;). but Edit Item is displayed .it should display like 'New Item'

user1317319 Over a year ago

you don't disabled it you remove it "(objedit.disabled == false) ? NewItem.style.display = none : NewItem.style.display = block; "where your NewItem is the Id of your New Item." .. I really don't get what are you trying to do

NathanOliver · Accepted Answer · 2019-08-28 20:05:15Z

0

document.getElementById("lnk").style.display = "none";

edited Aug 28, 2019 at 20:05

NathanOliver

184k29 gold badges324 silver badges440 bronze badges

answered Apr 5, 2016 at 5:43

Moulika Pinapathruni

311 bronze badge

Collectives™ on Stack Overflow

How do Enable/Disable linkbutton in javascript?

5 Answers 5

2 Comments

The UPDATED way

The good old `form` element way

2 Comments

Comments

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

The UPDATED way

The good old form element way

2 Comments

Comments

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related

The good old `form` element way