被禁用的 input 元素既不可用,也不可点击。可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后,就需要通过 JavaScript 来删除 disabled 值,将 input 元素的值切换为可用。
注释:disabled 属性无法与 <input type="hidden"> 一起使用。
<html> <body> <script type="text/javascript"> function butt(able){ if('undisabled'==able){ document.getElementById("bbb").disabled=""; }else{ document.getElementById("bbb").disabled="true"; } } </script> <form action="/example/html/form_action.asp" method="get"> <p>First name: <input id="aaa" type="text" name="fname" /></p> <p>Last name: <input id="bbb" type="text" name="lname" value="哈哈" disabled="disabled" /></p> <input onclick= "butt('disabled')" type="button" value="disabled" /> <input onclick= "butt('undisabled')" type="button" value="undisabled" /> <input type="submit" value="Submit" /> </form> <p>请在提交按钮上单击,输入会发送到服务器上名为 "form_action.asp" 的页面。</p> </body> </html>
给元素增加和删除disabled属性
<div id="esealSubRight_cbx"> <p> <label >签章管理:</label> <input id="subRightWhiteList1" name="subRightWhiteList" type="checkbox" value="14-01-01-00-00-00-00-00-00-00-00" checked="checked">公章管理</input>  <input id="subRightWhiteList2" name="subRightWhiteList" type="checkbox" value="14-01-02-00-00-00-00-00-00-00-00" checked="checked">私章管理</input><br> <input id="subRightWhiteList3" name="subRightWhiteList" type="checkbox" value="14-01-03-00-00-00-00-00-00-00-00" checked="checked">签章申请</input>  <input id="subRightWhiteList4" name="subRightWhiteList" type="checkbox" value="14-01-04-00-00-00-00-00-00-00-00" checked="checked">签章制作</input> </p> </div> <script type="text/javascript"> function testmethod(){ alert('testmethod'); $("#subRightWhiteList1").attr("disabled","disabled"); $("#subRightWhiteList2").attr("disabled","disabled"); $("#subRightWhiteList3").attr("disabled","disabled"); $("#subRightWhiteList4").attr("disabled","disabled"); } function testmethod2(){ alert('testmethod2'); $("#subRightWhiteList1").removeAttr("disabled"); $("#subRightWhiteList2").removeAttr("disabled"); } </script>
如果将外层的div加上disabled属性,里面的input框是不能修改了,但后台还能接收到值,只能将disabled属性直接加到input框上