js控制a标签不可用

<a href=“#”> 开 </a>
<a href=“#”> 关 </a>

能用JS控制这2个a标签，当点击开的时候开就不可以用了，点击关的时候，开就可以用了

就是，开和关，来会切换

6 个解决方案

#1

定义一个bool变量
jq:

<a href="#" >开</a><a href="#">关</a>
<script>
var bool=true
$(function(){
	$("a").click(function(){
		if($(this).index()==0 && bool){
				bool=false;
				alert("点击了开")
				return 
		}else if($(this).index()==1 && !bool){
				bool=true;
				alert("点击了关")
				return
		}
	})
})
</script>

#2


<a href=“#” onclick=“kai()” id='kai'> 开  </a>
<a href=“#” onclick="guan" id="guan" display="none"> 关 </a>

jquery


function kai(){
  $("#kai").hide();
  $("#guan").show();
}
function guan(){
  $("#kai").show();
  $("#guan").hide();
}

原生态


function kai(){
 var kai = document.getElementById('kai');
 var guan = document.getElementById('guan');
guan.style.display="inline";
kai.style.display="none";
}
function guan(){
var kai = document.getElementById('kai');
 var guan = document.getElementById('guan');
guan.style.display="none";
kai.style.display="inline";

}

#3

对了 html代码里面那少个guan()方法后边少个括号

#4

<style>
.op_btn{
    height: 12px;
    line-height:12px;
    padding: 10px 5px;
    width: 30px;
    text-align: center;
    display: block;
    background: red;
}
.op_btn.op_disable{
    background: gray;
}
</style>

<div>
	<a href="javascript:void(0);" class="op_btn"> 开  </a>
	<a href="javascript:void(0);" class="op_btn op_disable"> 关 </a>
</div>


$("a.op_btn").bind("click", function(){
	if($(this).hasClass("op_disable")){
		return false;
	}
	$(this).siblings(".op_btn").removeClass("op_disable").end().addClass("op_disable");
});

#5

标准的a没有disabled属性（某些奇葩浏览器支持）
所以你可以将a改成input type="button" ，何苦非要用a呢？

#6

不可用? 隐藏就行
一定要用A? 改别的.

#1