我想禁用链接按钮后，点击它和其他启用。使用javascript在两个链接按钮之间切换启用/禁用
我想禁用链接按钮后，点击它和其他启用。使用javascript在两个链接按钮之间切换启用/禁用我想禁用链接按钮后，点击它和其他启用。使用javascript在两个链接按钮之间切换启用/禁用,javascript,Javascript,我想禁用链接按钮后，点击它和其他启用。使用javascript在两个链接按钮之间切换启用/禁用 <a id="a1" href="page1.aspx">One</a><a id="a2" href="page2.aspx">Two</a> 您可以访问并设置“禁用”属性，如下所示： if(somebutton.disabled == true){ somebutton.disabled = false; } 我建议使用jQuery之类的Ja
<a id="a1" href="page1.aspx">One</a><a id="a2" href="page2.aspx">Two</a>
您可以访问并设置“禁用”属性，如下所示：
if(somebutton.disabled == true){
somebutton.disabled = false;
}
我建议使用jQuery之类的JavaScript框架。简单，只需在两个链接上的
onclickdocument.getElementById('a1').onclick = function() {
document.getElementById('a1').disabled = true;
document.getElementById('a2').disabled = false;
};
document.getElementById('a2').onclick = function() {
document.getElementById('a2').disabled = true;
document.getElementById('a1').disabled = false;
};当然，如果要将其扩展到多个按钮，则可以轻松地将上述内容抽象为注册方法，在按钮数组上循环（可能是实现特定类而不是显式指定数组的按钮数组） 您的问题可以有以下三种可能的情况之一。选择适合你问题的 案例1）您问题中的一个问题是，由于它们是分别指向page1.aspx和page2.aspx的链接，因此一旦您单击链接，就会在浏览器中加载新页面。所以你想要达到的效果并不重要 案例2）如果每个aspx页面上都有“1”和“2”链接，那么您也可以硬编码禁用指向自身的链接。（或者根本没有链接） 案例3）如果您有一个框架来显示链接“一”、“二”，并且您有另一个框架来加载两个链接的内容，那么您的问题就意味着禁用另一个链接。下面是相同的代码
<html>
<a id="a1" href="javascript:void(0)" onclick="toggle(objA1,objA2,'page1.aspx')">One</a>
<a id="a2" href="javascript:void(0)" onclick="toggle(objA2,objA1,'page2.aspx')">Two</a>
<br><iframe id="ifrm" src=""></iframe>
<script>
var objA1 = document.getElementById('a1');
var objA2 = document.getElementById('a2');
// d=element to disable, e=element to enable
function toggle(d,e,link)
{
//if already disabled do nothing(don't follow url)
if(d.disabled) return;
//enable/disable
d.disabled = true;
d.style.cursor = 'default';
e.disabled = false;
e.style.cursor = 'hand';
//follow link
ifrm.src = link;
}
</script>
</html>
var objA1=document.getElementById（'a1'）；
var objA2=document.getElementById（'a2'）；
//d=要禁用的元素，e=要启用的元素
功能切换（d、e、链接）
{
//如果已禁用，则不执行任何操作（不遵循url）
如果（d.禁用）返回；
//启用/禁用
d、 禁用=真；
d、 style.cursor='default'；
e、 禁用=错误；
e、 style.cursor='hand'；
//跟踪链接
ifrm.src=链接；
}
onclick=function（）{
var chk=document.getElementById（'myElementId'）；
chk.style.display=“无”；
};
.提交{
填充：8px；
边框：1px纯蓝色；
}
使用jQuery单击后禁用了提交表单按钮
我是一个表格~
启用提交按钮
$（'input:submit'）。单击（函数（）{
$（'p'）.text（“表单提交…”）.addClass（“提交”）；
$（'input:submit'）.attr（“disabled”，true）；
});
$（“按钮”）。单击（函数（）{
$（'p'）.text（“我是一个表单~”）.removeClass（'submit'）；
$（'input:submit'）.attr（“disabled”，false）；
});
函数validateForm（formObj）{
如果（formObj.username.value=''）{
警报（“请输入用户名”）；
返回false；
}
formObj.submitButton.disabled=true；
formObj.submitButton.value='请稍候…'；
返回true；
}
用户名：
onclick="this.href='javascript: void(0)';"
@Yogini：用4个空格开始一行，它将被格式化为代码。我们可以使用任何属性或css来完成它。链接没有“禁用”属性，这不起作用。更具体地说，将“禁用”属性添加到链接将起作用，但仅适用于Internet Explorer。
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<style type="text/css">
.submit{
padding:8px;
border:1px solid blue;
}
</style>
</head>
<body>
<h1>Disabled submit form button after clicked with jQuery</h1>
<form action="#">
<p>
I'm a form ~
</p>
<input type="submit" value="Submit"></input>
<button>Enable Submit Button</button>
</form>
<script type="text/javascript">
$('input:submit').click(function(){
$('p').text("Form submiting.....").addClass('submit');
$('input:submit').attr("disabled", true);
});
$('button').click(function(){
$('p').text("I'm a form ~").removeClass('submit');
$('input:submit').attr("disabled", false);
});
</script>
</body>
</html>
<script type="text/javascript">
function validateForm(formObj) {
if (formObj.username.value=='') {
alert('Please enter a username');
return false;
}
formObj.submitButton.disabled = true;
formObj.submitButton.value = 'Please Wait...';
return true;
}
</script>
<form name="frmTest" action="" method="post" onsubmit="return validateForm(this);">
Username: <input type="text" name="username" value="" /><br />
<input type="submit" name="submitButton" value="Submit" />
</form>
onclick="this.href='javascript: void(0)';"