html的disabled使用

disabled 属性规定应该禁用 input 元素。

被禁用的 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>&nbsp
            <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>&nbsp
            <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框上

猜你喜欢