求助~怎么实现按钮点击一次之后,按钮不能再点击了,变为灰色,下面代码怎么更改
答案: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");移除禁用的样式就可以了。
要达到这样的效果思路其实很简单:给这个按钮绑定一个鼠标单击的点击事件,在按钮的点击事件中将这个按钮禁用并设置相应的样式就可以了,示例代码如下:
.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("不可点击")
})
})
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;"
onclick="postApply('${customer.cusId}');this.disabled=true;"
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯