今天在项目中无意发现在静态文件中的代码为
<input id="start_btn" type="button" value="启动" onclick="start()" >
随着项目的启动，后台拿来数据html页面代码变成
<input id="start_btn" type="button" value="启动" onclick="start()" disabled>
查阅js方法，发现是一句判断
function fun(){
var t = document.getElementById('t').value;
console.log(t);
if(t == 1){
document.getElementById("btn").disabled=false;
} else{
document.getElementById("btn").disabled=true;
}
}
方法为页面初始化触发事件，故做了一下测试，探索disabled属性的作用
测试代码
<!DOCTYPE html>
<html>
<head>
<title>xxx</title>
</head>
<body>
<input type="text" name="t" id="t" />
<input type="button" id="btn" name="btn" value="按钮" />
<input type="button" id="btn1" onclick="fun()" name="btn" value="按钮1" />
</body>
<script type="text/javascript"> function fun(){
var t = document.getElementById('t').value; console.log(t); if(t == 1){
document.getElementById("btn").disabled=false; } else{
document.getElementById("btn").disabled=true; } } </script>
</html>
效果：在页面加载后，按钮和按钮1均处于可点击状态。当在input框中输入1时点击按钮1，按钮依旧可以点击。当输入非1时，点击按钮1，按钮处于不可点击状态。而当按钮处于不可点击状态时，再次输入1，点击按钮1，按钮重新恢复可点击状态。
故得出结论
- js添加disabled属性时，document.getElementById("btn").disabled=false，表示不添加disabled属性；
- document.getElementById("btn").disabled=true 为标签添加disabled属性；
- 当标签为<input type="button" id="btn" name="btn" value="按钮" disabled="true/false"/>时，均为不可点击
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/36626.html
