javascript如果让页面上的按钮变灰(按钮可见但不可用)

javascript如果让页面上的按钮变灰(按钮可见但不可用),第1张

使用语句:document.getElementById("按钮").setAttribute("disabled", true)即可。

1、设置一个html页面,页面上有一个按钮,初始是可使用的。

2、设计一个函数,作为按钮绑定测试:

3、此时点击页面上的按钮数次

4、打开开发者console,如下:

5、此时给button添加关键代码:

6、再次测试,刷新页面查看,变成了灰色:

7、点击按钮数次,打开console,显示无输出:

希望按钮不可以用,可以直接修改这个按钮的disabled属性就可以了。

下面是简单的代码实现,仅供参考:

<body>

    <input type="button" id="btn" value="click" />

</body>

<script>

    var oBtn = document.getElementById('btn')

    oBtn.onclick = function(){

        oBtn.disabled = 'disabled'

    }

</script>


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

原文地址: http://outofmemory.cn/tougao/10886514.html

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

发表评论

登录后才能评论

评论列表(0条)

保存