HTML代码中,如何使按钮变成不可按(灰色状态),然后怎样解除这种状态?

HTML代码中,如何使按钮变成不可按(灰色状态),然后怎样解除这种状态?,第1张

<input type="submit" name="submit" value="提交" style="background:#E8E6E7" disabled="disabled" />至于解除,那就要看你想在什么时候解除咯

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

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

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

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

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

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

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

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

俺来提供个jquery版

<label><input name="" type="checkbox" value="" id="regText">同意注册协议</label>

<button type="submit" disabled id="regBtn">立即注册</button>var regBtn = $("#regBtn")

    $("#regText").change(function(){

        var that = $(this)

        that.prop("checked",that.prop("checked"))

        if(that.prop("checked")){

            regBtn.prop("disabled",false)

        }else{

            regBtn.prop("disabled",true)

        }

    })

完整的效果演示参考http://www.51xuediannao.com/jiqiao/786.html


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

原文地址: https://outofmemory.cn/zaji/7506299.html

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

发表评论

登录后才能评论

评论列表(0条)

保存