js控制按钮失效

JavaScript022

js控制按钮失效,第1张

一般的流程：

1、获取按钮对象

2、设置按钮对象的disabled的属性为true（禁用），false（不禁用）

示例：

buttonObject=document.getElementById('btnObj')

buttonObject.disabled=true

js使onclick事件无效的方法很简单，只需要选中这个元素，然后让它的onclick赋值为null即可。

1、这是针对此问题的测试页面

全部代码如下

<button onclick="alert('上面按钮点击')" id="btn" >点击有警告</button>

<br><br>

<button onclick="document.getElementById('btn').onclick=nullalert('成功使上面按钮点击失效！')">使上面按钮点击事件失效</button>

其中最关键的是这句document.getElementById('btn').onclick=null

2、如图，这是测试点击上面的按钮弹出的警告

3、点击下面按钮，提示上面的按钮点击失效

4、再次点击上面的按钮没有弹出效果了

<script language=javascript type="text/javascript">

//特别注明：北京时间是格林尼治标准时加八小时，因此用的起始时间也是从八点起算的

var secondServer = parseInt(new Date().getTime()/1000) //1278744646

var secondClient = parseInt(new Date().getTime()/1000)

var secondSub = secondServer - secondClient//两端时间秒差

var f = true

function meizzTime(n)

{

var mei = new Date()

mei.setTime(mei.getTime() + n*1000)//得到一个新的时间

var h = (mei.getHours() >9) ? mei.getHours() : "0" + mei.getHours()//时

var m = (mei.getMinutes() >9) ? mei.getMinutes() : "0" + mei.getMinutes()//分

//var s = (mei.getSeconds() >9) ? mei.getSeconds() : "0" + mei.getSeconds()//秒

document.meizz.clock.value = h +":"+ m +":"+ s//显示时间

if(f &&h == 18){

//在这里修改你按钮的属性，设置为灰色

//alert("111")

f = false

}

setTimeout("meizzTime(secondSub)", 1000)

}

</script>

</head>

<body onLoad="meizzTime(secondSub)">

<form name="meizz">

<input name="clock" size="100" class="form" style="color:#000000">

</form>

</body>

这个是动态的，如果一直开着页面的话，到18点不用刷新页面也会禁用按钮，时间有点急，要吃饭了。下面的你可以根据你的需求改一下