怎么用JQuery控制button按钮禁用

怎么用JQuery控制button按钮禁用,第1张

通过按钮的disabled属性禁用按钮

例如:按钮的id为btn

控制按钮为禁用:

<script>

$("#btn").attr({"disabled":"disabled"})

</script>

解释:

disabled 属性规定应该禁用 input 元素。

被禁用的 input 元素既不可用,也不可点击。可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后,就需要通过 JavaScript 来删除disabled 值,将 input 元素的值切换为可用。

注释:disabled 属性无法与 <input type="hidden">一起使用。

示例如下:

<input id="btnShow" type="button" value="点击" class="btn">

上面是一段按钮的html代码

如果要用原生的js来禁用这个按钮

可以用这样:

document.getElementByIdx_x_x("btnShow").disabled=true(这样就把按钮禁用了)

如果要重新开启按钮,则可以让disabled=false即可

那么在jquery下面要如何设置呢?其实也很简单

利用jquery的attr的方法即可

$("#btnShow").attr({"disabled":"disabled"})

如要让按钮恢复可用,可以采用removeAttr方法把disabled属性删除即可。

$("#btnShow").removeAttr("disabled")


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11724137.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存