关于网站建设申请朋友圈推广广告
今天在项目中无意发现在静态文件中的代码为
<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"/>时，均为不可点击