表单提交时，用户不接受（不同意）协议时让提交按钮变灰无法选中

最新推荐文章于 2023-04-10 19:52:28 发布

记录自己的足迹

最新推荐文章于 2023-04-10 19:52:28 发布

阅读量3.4k

点赞数 2

分类专栏： Web前台文章标签：表单验证系类

本文链接：https://blog.csdn.net/baidu_29119747/article/details/52353460

版权

Web前台专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1.前台页面：
这里写图片描述

 <div style="font-size: 14px;  display: inline-block; padding: 0 1em; margin-bottom: 0.5em;" class="cheK"><input
                            type="checkbox" id="checkAgree" checked>我承诺订单真实有效,如有虚假愿意承担相关后果</div>

2.提交

 <td><input class="btn-red" onclick="addOrder()" id="tijiao" value="提交" style="border: none;"></td>

3.js方法

$("#checkAgree").change(function(){
        if($("input[type='checkbox']").is(':checked')==true){
            $("#tijiao").attr("disabled",false);
            $("#tijiao").css("background","#c94d31");
            $("#checkAgree").checked=false;
        }else{
            $("#tijiao").attr("disabled",true);
            $("#tijiao").css("background","#e5e5e5");
            $("#checkAgree").checked=true;
        }
    });