如何通过单击第二个超链接禁用一个超链接
how to disable one hyperlink by clicking on second hyperlink
我有两个超链接。当我点击一个超链接时另一个超链接应该被禁用意味着它应该被看到但不能被任何用户点击
请帮帮我
<a href="">hiii </a>
<a id="check" href="google.com">bye</a>
在JavaScript $('#check').attr('disabled', true);
但是不工作
使用java脚本,您可以通过添加.disabled类来禁用超链接,如下所示:
.inactive //add this class to the link if you want to disable it
{
pointer-events: none;// this will disable the link
cursor:default;
}
Try below
$('.my-link').click(function () {return false;});
要重新启用它,请取消绑定处理程序:
$('.my-link').unbind('click');
或
$('.my-link').attr('disabled', 'disabled');
使用此命令重新启用:
$('.my-link').attr('disabled', '');
谢谢,湿婆
下面是您需要的代码。
<a id="gLink" href="http://google.com">click me</a><br />
<a onclick="disableLink()" href="#">Disable link</a><br />
<a onclick="enableLink()" href="#">Enable link</a>
javsacript功能:
function disableLink() {
var a = document.getElementById('gLink');
a.href = "#";
}
function enableLink() {
var a = document.getElementById('gLink');
a.href = "http://google.com";
}
例如:
<a id="link1" href="page1.php">One</a> <a id="link2" href="page2.php">Two</a>
document.getElementById('link1').onclick = function()
{
document.getElementById('link1').disabled = true;
document.getElementById('link2').disabled = false;
};
document.getElementById('link2').onclick = function()
{
document.getElementById('link1').disabled = false;
document.getElementById('link2').disabled = true;
};
我就知道这些
<html>
<head>
<script language="javascript" type="text/javascript">
window.onload = firstLoad;
function firstLoad() {
document.getElementById("lesson").href = "";
document.getElementById("posttest").href = "";
}
function clickHome() {
document.getElementById("pretest").href = "";
document.getElementById("lesson").href = "lesson.html";
}
function lessonRead() {
document.getElementById("posttest").href = "posttest.html";
document.getElementById("lesson").href = "";
}
</script>
</head>
<body>
<a href="home.html" id="home" onClick="clickHome()">Home</a> |
<a href="pre-test.html" id="pretest">Pre-test</a> |
<a href="lesson.html" id="lesson">Lesson</a> |
<a href="post-test.html" id="posttest" onClick="lessonRead()">Post-test</a> |
<a href="about.html" id="about">About</a> |
</body>
</html>
你可以使用jQuery的onClick事件(或。on("click")/.live("onClick")或任何你喜欢的)来改变链接的属性,像这样:
$('.my-link').attr('disabled', true);
短的例子:
<a href='#' id='link1'>First</a>
<a href='#' id='link2'>Second</a>
<script>
$("#link2").onClick(function(){
$('#link1').attr('disabled', true);
};
}
</script>
相关文章:
- 制作一个不带HTML a标记但在动画播放完毕后指向其他页面的超链接
- 我让一个图像看起来像一个可点击的按钮,但现在当我点击它时,它不会起到超链接的作用
- 禁用来自另一个html页面的html框架的超链接
- 如果td'这是jquery中的一个超链接
- 创建一个超链接(或按钮),用于执行 python 脚本,然后在脚本完成时重定向
- 通过jQuery单击另一个按钮时动态地将数据添加到超链接
- d3js 将最后一个圆圈设为超链接
- 我想要一个 jquery 日期选择器将默认日期更改为超链接中的文本
- 超链接以在单击时下载文件,并为每个下载增加一个字段
- 你如何记录.writeln()一个超链接
- 您可以定义一个函数,在单击C#代码中定义的超链接时更改C#属性吗
- 如何在另一个html文件中获取超链接ID
- 使用JavaScript和html将图像和超链接从一个位置随机移动到另一个位置
- 在网页上选择一个超链接,并使用CasperJS将生成的网页内容存储在文本文件中
- 如何获取单击的超链接的id并在另一个页面中发布
- 在JQGrid中的一列中添加一个超链接,单击“超链接”将调用Jquery函数
- 在博客中调用一个外部javascript文件进行超链接
- 在iFrame和超链接中,单击一个iFrame中的链接以在另一个iFframe中打开
- 使一个弹出窗口出现在表中的超链接上
- 使用JavaScript和jQuery获取一个超链接字段/列,将数据显示为SharePoint列表中的超链接