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

原创 2016年08月29日 15:23:36

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

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Jquery 实现表单提交按钮变灰,防止多次点击提交重复数据

表单提交时候我们应该控制提交按钮,不能点击多次进行数据的重复提交。要不然就会有冗余的重复的数据在系统中,造成系统出现数据垃圾。 jQuery很简单的就可以实现对表单提交按钮控制,下面就是相关的例子和代...

JS中对于form表单提交时验证form的onsubmit函数与submit类型按钮的onclick函数

onsubmit只能表单上使用,提交表单前会触发, onclick是按钮等控件使用, 用来触发点击事件。在提交表单前,一般都会进行数据验证,可以选择在submit按钮上的onclick中验证,也可以在...

心得3--表单提交时防止用户不小心提交多次及有人恶意提交案例分析

1.session案例:防止表单重复提交 JS语言写的防止客户意外提交表单(比如网速不给力时,客户多次点提交按钮) var flag =false; f...

JQuery-form表单提交前验证、单选框是否选中、删除记录时验证经验总结

先上三张效果图: 这些功能在Java Web开发中可能是经常需要的,虽然很简单却使很实用的功能,这里记录下以免忘记。 1. 先说表单提交前验证:后台经常用到(这里是提交后统一验证,及时验证...

防止表单提交按钮多次提交的办法

防止表单提交按钮多次提交的办法 如果表单是通过onsubmit进行Ajax提交,注意将表单提交按钮input type属性设为button,尽量不要设置为submit类型。 另外,在提交事件发出后...

jquery如何获取用户表单提交值

如何获取表单中用户输入的内容

Android 模拟HTTP 协议进行表单提交

在Android的客户端编程中(特别是SNS 类型的客户端),经常需要实现注册功能Activity,要用户输入用户名,密码,邮箱,照片后注册。但这时就有一个问题,在HTML中用form表单就能实现如上...

从用户登录学习js验证+js控制表单提交 .

用户登录 用户名 密码 /*检查用户名*/

[Rails]表单提交时,post与patch的内部转化

在route.rb中,写下resourses :adminuser后,routes match产生了如下内容:update和creat同样作为表单提交调用的action,却使用着不同的协议:post/...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)