Question

用js控制按钮的disabled属性与input冲突

如题，在原注册页面加了个单选框，用于用户同意注册协议，只有用户勾选了同意用户协议，注册按钮才会由灰色不能点击变成彩色可以点击状态，进入到页面的时候什么都不填，功能是正常的，但是用户填写了用户名之后，注册按钮自动由灰色不能点击变成了彩色能点击，请问是什么原因，以下是代码截图





Answer 1

很简单啊。
<input type="text" id="test1" value=""/>
js
document.getElementById("test1").readOnly="readonly";只读
document.getElementById("test1").readOnly="";可读
document.getElementById("test1").disabled="disabled";失效
document.getElementById("test1").disabled="";有效

Answer 2

你好！
从你贴的代码，看不出来问题，因为在checkbox加的事件，但是你的描述及图片都没有操作checkbox，所以问题应该出在用户名的那个组件上。
再查看下其他组件吧。
希望对你有帮助！

追问

操作checkbox了，图中checkbox上有onclick事件，事件中判断如果id为agree被选中了，执行enables()方法，否则执行disables()方法。现在是搞不明白为什么在填写了用户名之后，button的disabled的属性变成了false

追答

图片里面操作checkbox了？
不就是输入用户名 button就恢复可用状态了吗？
我是说，你没有操作checkbox，只是输入用户名，button的状态就改变了，那么跟checkbox的操作应该无关了，问题出在其他地方。
检查下用户名输入有啥事件吧。