js 或者jquery 切换 设置超链接标记不可用 <a> 急！！！！

Question

这几天在改一个程序，现在页面如下，上方是三个a标签构成的链接，下方的左边是一个树状结构显示，学校、年级和班级是一个递进的关系，右边是显示详细信息的页面。
现在想要达到的效果是：
1、当选择学校的时候，删除操作是禁用的(其余可用)，
2、当选择年级的时候，添加年级是禁用的(其余可用)，
3、当选择班级的时候，添加年级和添加班级是禁用的（其余可用）

相关代码
上边三个操作的链接
<a id="addGrade" href='javascript:;' onclick='addGrade()'>添加年级</a>
<a id="addClasses" href='javascript:;' onclick='addClasses()'>添加班级</a>
<a id="del" href='javascript:;' onclick='del()'>删除所选</a>

当点击年级的时候，调用js方法go('#addClasses,#del')
function go(btns){
$("#addGrade,#addClasses,#del").attr("disabled",true);
$("#addGrade,#addClasses,#del").addClass('disable');
$(btns).removeAttr("disabled");
$(btns).removeClass('disable');
}
disable样式{color:gray;cursor:default}

问题：
非IE的浏览器不支持<a>标签的disabled属性，IE即使设置了disables属性仍是可以点击的，现在我用jquery写了一部分的代码，实现了一点 但链接还是可以点击并跳转，所以我想请达人帮我实现上边要求的效果，不知可否，谢谢

Answer 1

<a>中自定义一个属性unable来实现！貌似disabled属性只有一个值disabled。
<a id="addGrade" href='javascript:;' unable="false" onclick='if(!isdis(this))addGrade()'>添加年级</a>
<a id="addClasses" href='javascript:;' unable="false" onclick='if(!isdis(this))addClasses()'>添加班级</a>
<a id="del" href='javascript:;' unable="false" onclick='if(!isdis(this))del()'>删除所选</a>
function go(btns){
$("#addGrade,#addClasses,#del").attr("unable",true);
$("#addGrade,#addClasses,#del").addClass('disable');
$(btns).attr("unable",false);
$(btns).removeClass('disable');
}
function isdis(t){
return $(t).attr('unable')=="true";
}

Answer 2

a标签没有disabled属性，你可以使用<input type="button">代替<a>啊，这样就可以disabled了!