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

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

1、首先新建html页面，设置一个button按钮。

2、然后拷贝一张图片，编辑CSS代码。引入JQ的类库，并引入之前编辑的CSS样式。

3、编辑js代码，之后运行即可。

4、代码目录结构如下。

5、最终效果如下图所示，就完成了。

2020-05-16

你需要把代码贴出来啊，现在用JS写这些效果无非就是原生JS和Jquery库，实际上Jquery库可能用得多一些。
要达到这样的效果思路其实很简单：给这个按钮绑定一个鼠标单击的点击事件，在按钮的点击事件中将这个按钮禁用并设置相应的样式就可以了，示例代码如下：
/* 以下是CSS样式代码，具体样式按自己需求写 */.btn_disable { background-color:#d4d4d4;/* 设置按钮背景颜色为灰色 */ border-color:#d4d4d4;/* 边框线颜色应与背景颜色一致 */ color:#fff;/* 设置字体颜色为白色 */ }<!-- 按钮HTML --><input id="btn" type="button" value="点我禁用" class="" />// 直接给你贴Jquery库的代码，实现起来方便一点$(function(){ // 绑定按钮点击事件 $("#brn").click(function(){ // 设置禁用效果，不再响应点击事件 $(this).attr({"disabled":"disabled"}); // 设置样式 $(this).addClass("btn_disable"); });});要想解除禁用的话反过来就可以了，使用
$("#id").removeAttr("disabled");使按钮可用，然后使用代码
$("#id").removeClass("btn_disable");移除禁用的样式就可以了。
2017-07-07

在onclick事件中将按钮的disabled属性设为true.
onclick="postApply('${customer.cusId}');this.disabled=true;"2012-09-26

给你举个例子你就知道了
1：<button id="button1" >可以点击</button>；假设有一个按钮，开始可以点击的；
2点击按钮之后就不可点击很简单的代码：
$(function(){

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

})2017-08-02

<input name="Submit22" type="button" class="input_btn_style2" value="邮寄合同申请" onclick="postApply('${customer.cusId}');Document.getElementsByName("Submit22").setAttribute("disabled","disabled");" />2012-09-26

给按钮的点击事件中动态更改背景色 以及添加属性disabled=“disabled”2017-07-22