`
xiaotao.2010
  • 浏览: 212722 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

JavaScript动态更改input的disabled属性

JavaScriptHTML 
阅读更多
JavaScript动态更改input的disabled属性 
<body>
<script language="javascript" type="text/javascript">
function enabledisable()
{

if(input.getAttribute('disabled'))
{
  input.removeAttribute('disabled');
  document.getElementById('enadisinp').value='disable';
}
else
{
  input.setAttribute('disabled','disabled');
  document.getElementById('enadisinp').value='enable';
}
}

</script>

<input disabled="disabled" id="inp" />
<br />
<input id="enadisinp" type="button" value="enable" onClick="enabledisable()" />
<script language="javascript">
var input=document.getElementById('inp');
</script>
</body>


注意一点：
input中disabled属性为disabled的，不但不能获得焦点，而且不会被提交到服务器
readonly不同，可以获得焦点，就是不能更改，会被提交给服务器。
分享到：
| 项目小结
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript中input中readonly和disabled区别介绍

    javascript中input中readonly和disabled区别，在开发中可能会常有用到，利用js动态改变input的属性

    disabled与readonly的作用及区别介绍

    2：disabled 和readonly有相同的地方也是可以锁定这个控件用户不能改变他的值，但是disabled的更彻底一些，他是要使你完全不能使用他，包括改变他的背景颜色（不信，你去修改一个被disabled掉的input文本框，你发现...

    史上最强JavaScript日历控件正式版(无偿的永久的提供给大家免费使用，含全部源代码)

    日期框设置为disabled时,禁止更改日期(不弹出选择框) 如果没有定义onpicked事件,自动触发文本框的onchange事件 如果没有定义oncleared事件,清空时,自动触发onchange事件 其他属性设置 readOnly属性,可指定日期框...

    javascript函数的解释

    定义一定计时函数time2()和停止计时改变按钮属性函数time3(); function time2() { t=t-1; if(t){setTimeout('time3()',1);} else{ document.getElementById("div_1").innerHTML="页面将在"+t+"秒后自动跳转...

    checkbox:一个用于替换 `input[type=checkbox]` 的 AngularJS 指令，以便它可以跨浏览器设置样式

    注意：尽管此指令的操作方式与input[type=checkbox] ，但您不能在 Angular 上下文之外更改此指令的checked和disabled属性。 如果这些属性是使用例如 jQuery 的$.attr方法设置的，Angular 将不会获取更改，并且指令...

    正则表达式

    JavaScript的RegExp对象和String对象定义了使用正则表达式来执行强大的模式匹配和文本检索与替换函数的方法. 在JavaScript中,正则表达式是由一个RegExp对象表示的.当然,可以使用一个RegExp()构造函数来创建RegExp...

    jQuery详细教程

    jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。 下面的例子把所有 p 元素的背景颜色更改为红色： 实例 $("p").css("background-color","red"); 更多的选择器实例 语法 描述 $(this) 当前 HTML 元素 $("p") ...

    ExtAspNet_v2.3.2_dll

    -ExtAspNet支持原生的AJAX，也就是说控件的属性改变在AJAX过程中会反映到页面中，但并不是所有的控件属性都支持AJAX改变。 -加载s.gif图片在本机进行，不会请求extjs.com远程资源(feedback:efrigate43,abaocoole)...

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    -ExtAspNet支持原生的AJAX，也就是说控件的属性改变在AJAX过程中会反映到页面中，但并不是所有的控件属性都支持AJAX改变。 -加载s.gif图片在本机进行，不会请求extjs.com远程资源(feedback:efrigate43,abaocoole)...

    Asp+AJAX静态分页 亲测 可用

    xmlhttp.onreadystatechange=function() { //为xmlhttp对象的readyState属性指定事件，改属性值改变时，则会执行其中的程序 if (xmlhttp.readyState==4 && xmlhttp.status==200) { //如果xmlhttp.readyState==4...

    js使用小技巧

    &lt;input style="ime-mode:disabled"&gt; 自动全选 &lt;input type=text name=text1 value="123" onfocus="this.select()"&gt; ENTER键可以让光标移到下一个输入框 &lt;input onkeydown="if(event.keyCode==13)event.keyCode=...

    asp+ajax静态分页

    xmlhttp.onreadystatechange=function() { //为xmlhttp对象的readyState属性指定事件，改属性值改变时，则会执行其中的程序 if (xmlhttp.readyState==4 && xmlhttp.status==200) { //如果xmlhttp.readyState==...

    rollup-plugin-incremental:一个 Rollup 插件，通过仅重新编译更改的模块，使您的（开发）构建速度更快

    一个 Rollup 插件，通过仅重新编译更改的模块，使您的（开发）构建速度更快。 要求 该插件至少需要rollup@2.33.1 安装 使用纱线或 npm： yarn add -D @mprt/rollup-plugin-incremental npm install @mprt/rollup-...

    react-native-switchbutton:提供IOS样式的跨平台的Switch组件

    react-native-switchbutton 一个IOS样式的跨平台（cross-platform）平台的switch组件 第一步 ...当值改变的时候调用此回调函数，参数为新的值。 value bool 表示此开关是否打开。默认为false（关闭状态）

    Xpage学习笔记

    &lt;xp:inputText id="numSales"&gt;&lt;/xp:inputText&gt; &lt;xp:this.value&gt;&lt;![CDATA[ dojo.addOnLoad(function(){ new dijit.form.NumberSpinner({ name:"#{id:numSales}", value:50, smallDelta:1, min:0, places:0},...

    出现问题a is defined高手帮忙

    &lt;script type="text/javascript"&gt; //实现框选放大缩小功能 function DragZoomControl(opts_boxStyle, opts_other, opts_callbacks) { this.globals = { draggingOn: false, cornerTopDiv: null, ...

Magicbox
Global site tag (gtag.js) - Google Analytics