按钮的事件绑定跟取消-JavaSript-爱易网页

按钮的事件绑定跟取消

日期：2014-05-16　浏览次数：20372 次

按钮的事件绑定和取消
一个按钮A，点击一下之后使A不能再被点击，当点击B按钮的时候使A按钮能被点击，该怎么做呢？
------解决方案--------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

<script>

window.onload=function()

{

	var oBtn1=document.getElementById('btn1');

	var oBtn2=document.getElementById('btn2');

	oBtn1.onclick=function()

	{

		this.disabled=true;

	}

	oBtn2.onclick=function()

	{

		oBtn1.disabled=false;

	}

}

</script>

</head>



<body>

<input type="button" value="按钮A" id="btn1"/>

<input type="button" value="按钮B" id="btn2"/>

</body>

</html>