熊猫君

个人工作笔记

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

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.效果图(无法提交)
这里写图片描述

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/baidu_29119747/article/details/52353460
文章标签: 表单验证系类
个人分类: Web前台
上一篇常见web错误码代表的错误信息
下一篇Js操作Select大全
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭