`

关于html元素的disabled属性

 
阅读更多
有个小项目需要使用到button的disabled属性,开始想通过设置disable的属性值来实现,后来多方试验,disabled属性值没有true,false选项,只能进行添加以及去除属性值来进行控制.
一开始尝试使用各种办法都不行,包括使用val.attr("disabled":false),val.attr("disabled",""),val.removeAttr("disabled")
后来发现是val这个元素不是jquery对象不能使用jquery的方法,使用dom的方法removeAttribute("disabled")后顺利实现此功能,记录在此以防忘记.
分享到:
评论

相关推荐

    disabled属性

    ### disabled属性详解 在网页开发过程中,为了控制表单元素的状态与交互,`disabled`属性是一种非常实用且常见的工具。该属性主要用于HTML表单控件(如输入框、按钮等),用于禁用这些控件,使其无法进行用户交互,...

    基于js disabled="false"不起作用的解决办法

    但在JavaScript中,这样的代码并不会将disabled属性的值转换成布尔值的false,因此元素仍然保持禁用状态。 根据文章内容,正确的做法是直接将disabled属性设置为布尔值false,而不是字符串"false"。代码示例为...

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

    在jQuery中,我们可以通过`.attr()`方法来添加或修改HTML元素的属性,包括`disabled`属性。 ```javascript // 通过jQuery设置disabled属性的两种方法 $('#areaSelect').attr("disabled", true); // 传递布尔值 $('#...

    select-disabled-传值

    这种场景通常可以通过设置`select`元素的`disabled`属性来实现。 #### 重要概念与原理 - **`select`元素**:HTML中的`<select>`标签用于创建下拉列表。 - **`disabled`属性**:此属性用于禁用`select`元素,使其...

    jquery操作checked属性以及disabled属性的多种方法

    本文主要介绍如何使用jQuery来操作HTML元素中的`checked`属性和`disabled`属性。在HTML中,`checked`属性通常用在单选按钮(radio)和复选框(checkbox)上,用于指定元素是否被选中。`disabled`属性则用于指定元素...

    VUE.js实现动态设置输入框disabled属性

    Vue.js是基于MVVM(Model-View-ViewModel)模式的,它允许我们通过`v-bind`指令将JavaScript表达式与HTML元素的属性绑定。在本例中,`v-bind:disabled`是简写为`:disabled`的`v-bind`指令,它将`dataForm.id!=0`这个...

    Readonly和Disabled的区别

    而Disabled属性则会导致所有设置为Disabled的表单元素在提交时不会发送其值,即使这些元素是触发提交的关键元素。 总结来说,Readonly和Disabled属性在表单设计中扮演着不同的角色。Readonly适用于不允许用户修改但...

    Jquery设置attr的disabled属性控制某行显示或者隐藏

    本文将围绕使用jQuery的attr()函数来操作disabled属性,以实现对特定行的显示或隐藏控制,并通过一个具体的函数示例进行详细解析。 首先,我们需要了解attr()函数的基本用法。在jQuery中,attr()函数被用来获取或者...

    表单元素属性readonly和disabled使用对比

    在HTML中,`readonly`和`disabled`是两个非常重要的表单元素属性,它们用于限制用户对表单输入的交互方式。这两个属性虽然在目的上相似,但它们的应用场景、操作行为以及在表单提交时的行为却有着明显的区别。 首先...

    怎样通过disabled和readonly将input设置为只读效果.docx

    Disabled 属性会使 Input 元素的值无法被传递给服务器端程序,而 Readonly 属性则不会影响其值的传递。 因此,在实际开发中,需要根据具体情况选择合适的方法来实现 Input 只读效果。如果需要使 Input 元素的值无法...

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

    // 设置disabled属性为true,使按钮失效 btn.disabled = true; ``` 在上述代码中,`getElementById`函数接收一个字符串参数,这个参数是我们要操作的按钮元素的id。返回的是一个DOM对象,通过`.disabled`属性将其...

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

    - 使用方法:同样是在HTML元素上添加`disabled`属性,例如`<input type="text" disabled>`。 两者之间的关键区别在于,`readonly`字段在提交表单时仍会传递其值,而`disabled`字段则不会。此外,`readonly`字段...

    JQuery设置和去除disabled属性的5种方法总结

    在网页开发中,`disabled` 属性是一个非常重要的特性,它用于禁用HTML元素,如按钮、输入框、选择框等。当一个元素被禁用时,用户无法与之交互,同时,这些元素通常会呈现出一种灰色或者半透明的状态以表示它们的不...

    readonly和disabled属性的区别

    1.readonly属性只对表单元素的文本框、密码框和多行文本框有效,而disabled属性对所有的表单元素都会有效。 2.设置两个属性的外观不一样,这个自己可以观察一下。 3.设置readonly的表单元素value值依然会被提交,而...

    【温故而知新】HTML元素:属性:标题:注释:段落:文本格式:头部:主体.md

    - **`class`**:定义类名,适用于所有HTML元素,便于CSS选择器使用。 - **`id`**:分配唯一标识符,适用于所有HTML元素。 - **`style`**:定义内联样式,适用于所有HTML元素。 - **`title`**:提供额外信息,适用于...

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

    在HTML表单中,`disabled`属性用于禁用表单元素,使得用户无法与之交互。然而,一个常见的问题是,当`disabled`属性被设置在`<select>`元素上时,后台程序在提交表单时可能无法获取到选中的选项值。这是因为`...

    vue 实现input表单元素的disabled示例

    在Vue中,我们可以使用v-bind指令或简写为“:”,来动态绑定HTML元素的属性。当需要根据某个条件动态决定一个input元素是否禁用时,我们可以将disabled属性与Vue实例中的数据属性进行绑定。例如,在本例中,使用了...

    Html5新增元素详解.pptx

    2. 拥有 bool 值的属性:Html5 中的一些属性拥有 bool 值,例如 disabled 和 readonly 等,通过省略属性的值来表达值为“true”。 3. 省略属性的引用符:Html5 中可以省略属性的引用符,例如。 Html5 中的新增结构...

Global site tag (gtag.js) - Google Analytics