单击任何一个链接时要禁用的链接集
Set of links to be disabled when clicking any one link
我在 php 页面的 <div>
标签内有 5(说)个链接。当访问者单击任何一个链接时,必须禁用所有5个链接。如何使这成为可能?我有一些想法可以禁用用户单击的链接
<a href="someaction" onClick='this.disabled=true;'>LINK 1</a>
<a href="someaction" onClick='this.disabled=true;'>LINK 2</a>
<a href="someaction" onClick='this.disabled=true;'>LINK 3</a>
<a href="someaction" onClick='this.disabled=true;'>LINK 4</a>
<a href="someaction" onClick='this.disabled=true;'>LINK 5</a>
因此,如果我单击链接 1,则只有链接 1 将被禁用。我需要禁用所有 5 个链接(只有这五个链接而不是页面中的其他链接)。
建议我简单而最好的:)方法
<a>
标签不支持disabled
属性,只有input
、textarea
、button
支持
如果要使链接不可点击,则可以将属性href
为空:
<a href="someaction" onClick='this.href="";'>LINK 5</a>
或者你可以模拟disabled
属性:
<a href="someaction" onClick='if(this.disabled){ return false; } else { this.disabled = true; }'>LINK 5</a>
它将防止将来的点击。
不确定这是否是最好的方法,但可以肯定的是,它会完成这项工作。
function removeLink(id){
document.getElementById(id).innerHTML = 'LINK 1<br />LINK 2<br />LINK 3<br />LINK 4<br />LINK 5<br />';
}
<span id="removeLinkId">
<a href="someaction" onClick="removeLinks('removeLinkId');">LINK 1</a>
<a href="someaction" onClick="removeLinks('removeLinkId');">LINK 2</a>
<a href="someaction" onClick="removeLinks('removeLinkId');">LINK 3</a>
<a href="someaction" onClick="removeLinks('removeLinkId');">LINK 4</a>
<a href="someaction" onClick="removeLinks('removeLinkId');">LINK 5</a>
</span>
HTML:
<a href="www.google.se" id="foo">LINK 1</a>
Javascript:
//Get the element you need.
var a = getElementById("foo");
//Remember to use the REFERENCE, not actually CALLING the callback.
a.onclick = callback;
function callback() {
//a.setAttribute("style", "display:none;");
a.removeAttribute("href");
return false; //Stop the event (don't navigate
}
Javascript JQUERY:
//Get the element and bind it in one "line".
var a = $("a#foo);
a.bind(
"click",
function() {
a.hide();
a.removeAttr("href");
//Stop the event from bubbling
return false;
});
相关文章:
- 有没有一种方法可以让链接不可点击,但仍然可以使用:悬停
- 拒绝与.htaccess或其他任何内容的主链接
- Angularjs如何在点击任何链接时掩盖整个身体
- 有没有一种方法可以创建到同位素过滤器的直接链接
- 用一个数组应用Chai可链接的getters
- 任何可用作HTML5离线缓存链接的免费服务
- 是否有脚本/代码可以一次将链接属性添加到多个链接
- 选项卡中的a href链接没有执行任何操作
- Javascript一页滚动脚本滚动到每个点击的链接一个接一个
- 正在将javascript值附加到gridview超链接.为什么我的代码没有任何想法'不起作用
- 为什么首先单击文档空白处的任何位置启动代码,而不是单击超链接,以及为什么打开了太多选项卡
- 翻译一篇文章'上.单击'PHP中的事件,来自'window.open'到基本URL链接
- 如何使用onmouseover打开另一帧中的链接
- 有没有一种方法可以在运行中添加CKEditor的按钮到链接插件
- Basic jQuery Slider中上一张/下一张幻灯片的自定义链接触发器
- 从页面上点击的链接中删除数据,然后移动到下一页&在CasperJS中重复
- 悬停时:用一种颜色突出显示维基百科的所有相同链接,用不同的颜色突出显示其他地方的所有相同的链接
- 链接超时会导致最后一次超时被拒绝
- 如何修改给定的代码打开两个链接在一次点击(没有解决方案为我工作)
- Link_to多个链接与一键