首页 > 代码库 > js实现input button从不可用变为可用
js实现input button从不可用变为可用
有时候明明是些很简单的东西，因为自己的一些大意，可能就在那圈子里一直兜兜转转，好久都绕不出来。
所以我也愿意把这些很简单的愚蠢写出来，与君共享~
首先大家知道<input>有一个名叫“button”的type，它的可见与否由“disabled”属性决定。
下面的代码，我的原意是一个输入框和三个按钮。在点击“编辑”按钮前，另外三个都属于“不可用”状态，点击以后方能恢复可用。
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script type="text/javascript"> function edit(){ document.getElementById("editCode").disabled = true; document.getElementById("inviteCode").disabled = false; document.getElementById("randomCode").disabled = false; document.getElementById("submitCode").disabled = false; }</script></head><body> <h3>邀请码设置</h3> <s:form> <table cellspacing="10"> <tr> <th>当前邀请码:</th> <td><input type="text" name="inviteCode" id="inviteCode" value=http://www.mamicode.com/"" class="input" size="6" disabled/></td> <td><input type="button" name="randomCode" id="randomCode" value=http://www.mamicode.com/"随机获取" disabled/></td> </tr> <tr align="right"> <td><input type="button" name="editCode" id="editCode" value=http://www.mamicode.com/"编辑" onclick="edit()"/></td> <td><input type="submit" name="submitCode" id="submitCode" value=http://www.mamicode.com/"确定" disabled/></td> </tr> </table> </s:form></body></html>
很简单，就是在edit()函数里将各个元素的disabled类型设置为可用或者不可用。
中间我遇到了个很大的问题导致我一直以为自己找的解决方法不可用，那就是我将元素命名为“edit”、“submit”等等，可能与本身一些内容发生了冲突。审查元素后报错：object is not a function.
改名后一切得到解决。
js实现input button从不可用变为可用
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。