Question

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

<c:if test="${customer.sysStatus == 2 || (customer.status == 3 && customer.sysStatus == 6) }">
<input name="Submit22" type="button" class="input_btn_style2" value="邮寄合同申请" onclick="postApply('${customer.cusId}');" />

Answer 1

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

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

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

4、代码目录结构如下。

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

Answer 2

你需要把代码贴出来啊，现在用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");

移除禁用的样式就可以了。

Answer 3

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

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

})

Answer 4

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

Answer 5

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