How To Enable and Disable href In Javascript

July 31 2020 by Admin

In this article, we will explain how to enable and disable href in javascript with an example and sample code.

In this article, we will explain how to enable and disable href in javascript with an example and sample code. we are using a Javascript button click event, based on the button click we are enabling and disabling anchor tag.

HTML

<html>

<head>

<title>How to disable anchor tag in html using Javascript- AspSolution.net</title>

<style>

.disabled {

pointer-events: none;

cursor: default;

}

</style>

function disable()

{

var anchor = document.getElementById('anchor');

anchor.setAttribute("class", "disabled");

anchor.setAttribute("style", "color: black;");

}

function Enable()

{

var anchor = document.getElementById('anchor');

anchor.setAttribute("class", "");

anchor.setAttribute("style", "color: blue;");

}

</script>

</head>

<body>

<form>

ApsSolution.net

</a>

<br />

</form>

</body>

</html>

Demo

Download

anchor tag

Home > JQuery > How To Enable and Disable href In Javascript

How To Enable and Disable href In Javascript

Related Articles

How to bind a dropdownlist using Jquery

4/20/2019 12:21:00 PM By Admin

5686 Views

How to bind the dropdownlist in asp.net using Jquery

4/21/2019 11:36:00 AM By Admin

4504 Views

how to use Datepicker calendar in Jquery

5/12/2019 6:18:00 AM By Admin

2094 Views

How to add or remove rows dynamically in html table using jQuery

6/9/2019 8:38:00 PM By Admin

5966 Views

How to create crud operations (Insert, Update and Delete) using JQuery

6/9/2019 9:10:00 PM By Admin

20457 Views

How to enable and disable custom dates in datepicker using JQuery

6/11/2019 11:16:00 AM By Admin

5232 Views

How to bind the CheckboxList using Jquery and Ajax

7/14/2019 10:19:00 AM By Admin

8866 Views

How to upload a file using Jquery Ajax in ASP.NET CORE.

9/25/2019 11:08:00 AM By Admin

22184 Views

How to calculate the total in GridView using Jquery.

12/1/2019 10:34:00 AM By Admin

3348 Views

PAN Card Number validation using JQuery

2/10/2020 10:45:00 AM By Admin

7716 Views

Comments

Leave a Reply

Comment:^*

Please your Comment !

Email ID:^*

Enter Your Email Id ! Enter Your Validate Email Id !

Name:^*

Enter your Name !

RECENT POSTS

Technology

Information

Tags

Email Alerts

Home > JQuery > How To Enable and Disable href In Javascript

Related Articles

How to bind a dropdownlist using Jquery 4/20/2019 12:21:00 PM By Admin 5686 Views

How to bind the dropdownlist in asp.net using Jquery 4/21/2019 11:36:00 AM By Admin 4504 Views

how to use Datepicker calendar in Jquery 5/12/2019 6:18:00 AM By Admin 2094 Views

How to add or remove rows dynamically in html table using jQuery 6/9/2019 8:38:00 PM By Admin 5966 Views

How to create crud operations (Insert, Update and Delete) using JQuery 6/9/2019 9:10:00 PM By Admin 20457 Views

How to enable and disable custom dates in datepicker using JQuery 6/11/2019 11:16:00 AM By Admin 5232 Views

How to bind the CheckboxList using Jquery and Ajax 7/14/2019 10:19:00 AM By Admin 8866 Views

How to upload a file using Jquery Ajax in ASP.NET CORE. 9/25/2019 11:08:00 AM By Admin 22184 Views

How to calculate the total in GridView using Jquery. 12/1/2019 10:34:00 AM By Admin 3348 Views

PAN Card Number validation using JQuery 2/10/2020 10:45:00 AM By Admin 7716 Views