关闭

表单提交时,用户不接受(不同意)协议时让提交按钮变灰无法选中

标签: 表单验证系类
379人阅读 评论(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;
        }
    });

4.效果图(无法提交)
这里写图片描述

1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:23734次
    • 积分:281
    • 等级:
    • 排名:千里之外
    • 原创:6篇
    • 转载:11篇
    • 译文:0篇
    • 评论:1条