JS中disabled属性

最新推荐文章于 2023-04-14 16:43:02 发布
最新推荐文章于 2023-04-14 16:43:02 发布
阅读量3k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hrbsf/article/details/16859555
版权 
<input id="mytext" type="text" value="我是不能用的">
<input type="button" value="disabled" onClick="javascript: document.all.mytext.disabled='false'">
<input type="button" value="enable" onClick="javascript: document.all.mytext.removeAttribute('disabled')">

</pre><pre code_snippet_id="75763" snippet_file_name="blog_20131121_3_9837134" name="code" class="html">


<input id="mytext" type="text" value="我是能用的">
<input type="button" value="disable" onClick="if (mytext.disabled==false){ mytext.disabled=true;mytext.value='我是不能用的';this.value='enable'} else { mytext.disabled=false;mytext.value='我是能用的';this.value='disable'}">


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
   <TITLE> 改变按钮可点击disabled属性的代码</TITLE> 
   <META NAME="Generator" CONTENT="EditPlus"> 
   <META NAME="Author" CONTENT="eb163.com 小超"> 

</HEAD> 

<BODY> 
5秒钟后可以点击 
   <input id="button_type" type="button" value="提交"   disabled   /> 

   
   <SCRIPT LANGUAGE="JavaScript"> 
   <!-- 
       function setClick() 
       { 
            var button_obj = document.getElementById("button_type"); 
            button_obj.disabled= false; 
       } 
       setTimeout("setClick()", 5000); 
   //--> 
   </SCRIPT> 
</BODY> 
</HTML>



hrbsf
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js和jquery设置disabled属性为true使按钮失效
10-25
主要介绍了js和jquery使按钮失效的方法,需要的朋友可以参考下
AngularJS基础 ng-disabled 指令详解及简单示例
11-29
AngularJS ng-disabled 指令 AngularJS 实例 禁用或启用输入框: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> [removed][removed] </head> <body ng-app=""> 点击这里禁用所有表单输入域:<input type="checkbox" ng-model="all"><br> <br> <input type="text" ng-disab
disabled的使用
hcyhcyhcy_的博客
03-31 6291
disabled是布尔属性 对于布尔 attribute (它们只要存在就意味着值为 true) 这个属性在html中，只要出现disabled，那么就会禁用 在js中可以控制 HTML中都禁用 <p>Last name: <input type="text" name="lname" disabled="disabled" /></p> <p>Last name: <input type="text" name="lname" di
关于js里面表单disabled属性使用
聂辉的博客
06-24 1万+
今天在项目中无意发现在静态文件中的代码为 <input id="start_btn" type="button" value="启动" onclick="start()" > 随着项目的启动，后台拿来数据html页面代码变成 <input id="start_btn" type="button" value="启动" onclick="start()" disabled>...
按钮设置为禁用状态
uaena的博客
04-14 6875
在发起异步请求之前，将按钮设置为禁用状态，等待后端响应之后再将按钮设置为启用状态。
js和jq的disabled&readonly
Jancy的博客
03-16 1347
直接在标签上加disabled//无论disabled的值是什么，都能禁用input元素 <input type="text" name="username" disabled=""> <input type="text" name="username" disabled=" "> <input type="text" name="username" disabled="abc"> <input t
js 禁用和解除禁用按钮_JavaScript如何来禁用按钮？
热门推荐
weixin_30990711的博客
01-27 2万+
JavaScript是一种属于网络的脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能。那么如何使用javascript来禁用按钮、让按钮不可点击？下面本篇文章就来给大家介绍一下。在JavaScript中，可以为button按钮添加上disabled属性来禁用按钮。disabled属性规定应该禁用input/button元素，只要在标签中添加属性disabled="true...
VUE.js实现动态设置输入框disabled属性
10-16
今天小编就为大家分享一篇VUE.js实现动态设置输入框disabled属性，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
使用jQuery设置disabled属性与移除disabled属性
12-10
表单中readOnly和disabled的区别： Readonly只针对input(text/ password)和textarea有效，而disabled对于所有的表单元素都有效，包括select,radio, checkbox, button等。 但是表单元素在使用了disabled后，当我们将...
使用js将标签的disable属性true设置为false
Koow的博客
11-16 1万+
//将disable为true的元素设置为false  function setDisabledValue() {   var txtArrs = document.getElementsByTagName('input');   for ( var i = 0; i    var txt = txtArrs[i];    if (txt.type == 'text') {
js中disabled属性
weixin_30794851的博客
06-11 1208
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name=...
disable到底是指什么
weixin_49393290的博客
10-08 1532
您看这个@click新增的方法，注意看新增没有传参，但是查看和修改穿了 <el-button v-if="isAuth('pesticide:crop:save')" type="primary" @click="addOrUpdateHandle()" >新增</el-button> <template slot-scope="scope">
怎么用Js控制disabled的属性
zhuyangxing的专栏
09-13 2750
document.getElementById("控件ID").disabled=true; 不可编辑状态 document.getElementById("控件ID").disabled=false; 可编辑状态
jQuery设置disabled属性与移除disabled属性
极客神殿
10-11 1万+
Readonly只针对input和textarea有效，而disabled对于所有的表单元素都有效。 表单中readOnly和disabled的区别： Readonly只针对input(text/ password)和textarea有效，而disabled对于所有的表单元素都有效，包括select,radio, checkbox, button等。 但是表单元素在使用了disabled后，当我们...
vue.js实现动态设置输入框disabled属性
最新发布
05-01
Vue.js是一个用于构建用户界面的JavaScript框架，它可以轻松实现动态设置输入框的disabled属性。 首先，在Vue实例中定义一个data属性，用于控制输入框的disabled属性。可以使用默认值false表示不禁用输入框。例如： ``` data: { isDisabled: false } ``` 然后，在模板中使用v-bind指令绑定输入框的disabled属性到定义的isDisabled属性上。例如： ``` <input type="text" v-bind:disabled="isDisabled"> ``` 现在，只需在Vue实例中修改isDisabled属性的值为true或false即可动态禁用或启用输入框。例如： ``` methods: { disableInput: function() { this.isDisabled = true; }, enableInput: function() { this.isDisabled = false; } } ``` 在需要禁用输入框时，调用disableInput方法；在需要启用输入框时，调用enableInput方法即可。 总之，Vue.js可以轻松实现动态设置输入框的disabled属性，只需使用v-bind指令绑定到Vue实例的data属性上，随时修改data属性的值即可动态控制输入框的disabled属性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值