永发信息网

求助~怎么实现按钮点击一次之后,按钮不能再点击了,变为灰色,下面代码怎么更改

答案:5  悬赏:0  手机版
解决时间 2021-03-17 09:43
  • 提问者网友:末路
  • 2021-03-16 15:03
求助~怎么实现按钮点击一次之后,按钮不能再点击了,变为灰色,下面代码怎么更改
最佳答案
  • 五星知识达人网友:撞了怀
  • 2021-03-16 15:50
你需要把代码贴出来啊,现在用JS写这些效果无非就是原生JS和Jquery库,实际上Jquery库可能用得多一些。
要达到这样的效果思路其实很简单:给这个按钮绑定一个鼠标单击的点击事件,在按钮的点击事件中将这个按钮禁用并设置相应的样式就可以了,示例代码如下:

.btn_disable {
            background-color:#d4d4d4;
            border-color:#d4d4d4;
            color:#fff;
        }
// 直接给你贴Jquery库的代码,实现起来方便一点
$(function(){
    // 绑定按钮点击事件
    $("#brn").click(function(){
        // 设置禁用效果,不再响应点击事件
        $(this).attr({"disabled":"disabled"});
        // 设置样式
        $(this).addClass("btn_disable");
    });
});要想解除禁用的话反过来就可以了,使用
$("#id").removeAttr("disabled");使按钮可用,然后使用代码
$("#id").removeClass("btn_disable");移除禁用的样式就可以了。
全部回答
  • 1楼网友:行雁书
  • 2021-03-16 20:26
给你举个例子你就知道了
1:;假设有一个按钮,开始可以点击的;
2点击按钮之后就不可点击很简单的代码:
$(function(){

$("#button1").click(function(){
$("#button1").attr("disabled",true)
$("#button1").text("不可点击")
})

})
  • 2楼网友:枭雄戏美人
  • 2021-03-16 18:53
  • 3楼网友:污到你湿
  • 2021-03-16 17:22
给按钮的点击事件中动态更改背景色 以及添加属性disabled=“disabled”
  • 4楼网友:人類模型
  • 2021-03-16 16:35
在onclick事件中将按钮的disabled属性设为true.
onclick="postApply('${customer.cusId}');this.disabled=true;"
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯