html的disabled使用

html的disabled使用disabled属性规定应该禁用input元素。被禁用的input元素既不可用,也不可点击。可以设置disabled属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后,就需要通过JavaScript来删除disabled值,将input元素的值切换为可用。注释:disabled属性无法与一起使用。[code="java"]…

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>

[color=red]如果将外层的div加上disabled属性,里面的input框是不能修改了,但后台还能接收到值,只能将disabled属性直接加到input框上[/color]今天的文章html的disabled使用分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/28400.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注