`
xiaotao.2010
  • 浏览: 216978 次
  • 性别: 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不同，可以获得焦点，就是不能更改，会被提交给服务器。
分享到：
| 项目小结
评论
发表评论

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

相关推荐

    disabled属性

    1. **动态设置：** 使用JavaScript动态设置`disabled`属性时，需要注意同步更新DOM中的状态。 2. **无障碍访问：** 对于无障碍访问的支持，应该为禁用的控件添加适当的提示信息，确保屏幕阅读器能够正确读取。 3. **...

    微信小程序点击按钮动态切换input的disabled禁用/启用状态功能

    另外，确保在需要动态改变disabled状态时，更新的是对应的data属性，如`this.setData({ isDisabled: false })`。同时，确保使用的是布尔值，而不是字符串。 总的来说，微信小程序提供了丰富的API和组件，使得动态...

    form表单中的Input使用disabled不能提交的解决方法

    但是，这种方法并不会改变"disabled"属性不提交的问题。 根据提供的资料，解决问题的关键在于，当遇到使用disabled属性导致表单不能提交的情况时，可以采取以下步骤：首先，在表单提交的事件处理函数中，临时将...

    javascript中input中readonly和disabled区别介绍

    在实际应用中，如果需要临时禁用表单元素，例如在确认操作前阻止用户修改输入，可以使用JavaScript动态地切换`readonly`和`disabled`属性。例如，下面的函数可以恢复一个被设为`readonly`或`disabled`的手机号输入框...

    使用jQuery设置disabled属性与移除disabled属性

    1. `readonly`属性只对`&lt;input type="text"&gt;`、`&lt;input type="password"&gt;`和`&lt;textarea&gt;`元素有效，它使表单元素无法更改，但仍然可以通过表单提交数据。 2. `disabled`属性对所有表单元素都有效，包括`&lt;select&gt;`...

    浅谈html中input只读属性readonly和disable的区别

    另一方面，`disabled`属性的应用范围更广，它可以应用于所有表单元素，包括`&lt;input&gt;`、`&lt;select&gt;`、`&lt;button&gt;`等。当一个元素被`disabled`，它不仅阻止用户编辑内容，还阻止用户对其进行任何操作，如点击或聚焦。更...

    Web表单提交之disabled问题js解决方法

    然而，当表单中的某些字段需要被禁用但又需提交其值到服务器时，我们可以通过JavaScript动态移除disabled属性，或者通过其他方式获取元素的值，并通过修改表单属性的方式达到提交的目的。在实现过程中，还需注意选择...

    js和jquery设置disabled属性为true使按钮失效

    在网页交互设计中，按钮是用户与页面...这种方法对于动态改变按钮的状态，如在表单验证失败或加载数据时防止用户重复提交等场景，都十分有用。理解并掌握这些基本操作，能够帮助开发者更高效地创建交互丰富的网页应用。

    设置disabled属性后台读不到数据如何让select支持readonly

    另一种方法是通过jQuery动态地控制`disabled`属性。在页面加载时，你可以设置`disabled`为`true`，使表单元素不可用。当用户提交表单时，你可以临时将`disabled`设置为`false`，允许数据提交。这可以通过监听表单的...

    jquery设置元素的readonly和disabled的写法

    总结一下，jQuery 提供了灵活的方式来处理 `input` 元素的 `readonly` 和 `disabled` 属性，允许开发者根据业务场景动态改变这些状态。在实际开发中，确保理解这些属性的区别及其对用户体验的影响至关重要。

    javascript经典特效---按钮与input框.rar

    2. **动态修改属性**：例如，可以使用JavaScript来改变按钮的文字内容、颜色、大小，或者输入框的值、可编辑状态等。例如，`document.getElementById('buttonId').innerHTML = '新文字';` 3. **表单验证**：对于...

    Readonly和Disabled的区别

    反之，当用户完成表单填写并提交后，如果需要等待管理员的验证，在等待过程中需要将表单内容固定以便用户查看，但不允许他们更改任何信息，这时应该使用Disabled属性。由于Disabled属性会使表单元素及其值在提交时被...

    jquery批量设置属性readonly和disabled的方法

    本文将详细介绍如何使用jQuery库来批量设置input元素的readonly和disabled属性。 ### 使用jQuery批量设置readonly属性 在HTML中，readonly属性是input元素的一个布尔属性，当这个属性存在时，输入框将变为只读，...

    antd-input-tag.zip

    3. **禁用和读-only模式**：你可以通过设置`disabled`属性使InputTag组件变为不可编辑状态，而`readOnly`属性则可以使用户只能查看不能进行添加或删除操作。 4. **验证与限制**：你可以设定`maxTags`限制最多能输入...

    jquery经典案列，获取控件属性并改变。

    接下来，我们讨论如何改变控件的属性。jQuery提供了多种方法来修改元素的属性。比如，要改变输入框的禁用状态，我们可以使用`.prop()`方法： ```javascript myInput.prop("disabled", true); // 禁用输入框 myInput...

    js事件文本框不可用

    在JavaScript中，可以使用`disabled`属性来控制输入框是否可用（即是否可编辑）。当设置为`true`时，表示该输入框被禁用；设置为`false`则表示该输入框可用。 #### 示例代码分析： ```javascript inputtext....

    html表单属性readonly和disabled的使用方法

    - `disabled` 属性则更加严格，它不仅使元素变为不可编辑，还改变了元素的视觉呈现，通常使其看起来灰显，表示用户无法与之交互。 - 当一个元素被设置为`disabled`，它的值不会随着表单一起提交。这意味着，如果一...

    JAVAScript的早餐.rar

    7. **表单元素的属性操作**：可以动态修改表单元素的属性，如禁用（`disabled`）、隐藏（`style.display`）等，以改变用户的交互体验。 8. **表单事件与回调函数**：`oninput`事件可以监听输入框的实时变化，`...

    怎样让input type=file 只读，并能实现文件上传

    3. **JavaScript 的作用**：通过 JavaScript 可以实现动态控制表单元素的行为，包括设置只读属性等。 #### 二、HTML 实现 首先，我们来看一个基本的 HTML 结构： ```html &lt;input type="file" id="fileInput" ...

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