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

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

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

input disabled不能提交表单

今天,在开发过程中发现一个问题,在提交form表单时,有一个input一直不能被提交,后台一直报错!究其原因,是因为该input上设置了disabled属性。然而,有时我们又不得不设置某些元素为不可操...
  • ligang2585116
  • ligang2585116
  • 2015年04月07日 16:17
  • 12336

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

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

提交按钮默认不可点击,表单input输入正确后才可点击

在做表单验证的时候,经常会遇到表单提交时按钮样式的问题,这里可以给出较为详细的方案。 如图:          输入前提交按钮置灰且不可点击,当账号和密码都输入正确后,按钮才会变成可点击的红...
  • this_ITBoy
  • this_ITBoy
  • 2016年07月11日 17:08
  • 9697

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

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

提交按钮默认不可点击,表单input输入正确后才可点击

在做表单验证的时候,经常会遇到表单提交时按钮样式的问题,这里可以给出较为详细的方案。 如图:          输入前提交按钮置灰且不可点击,当账号和密码都输入正确后,按钮才会变成可点击的红...
  • this_ITBoy
  • this_ITBoy
  • 2016年07月11日 17:08
  • 9697

用AngularJS监察表单按钮的禁用效果

这里主要是用到了$watch监察数据的变化,并用正则判断数据是否符合要求。 关键HTML代码:...
  • bboyjoe
  • bboyjoe
  • 2016年03月22日 17:47
  • 4803

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

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

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

onsubmit只能表单上使用,提交表单前会触发, onclick是按钮等控件使用, 用来触发点击事件。在提交表单前,一般都会进行数据验证,可以选择在submit按钮上的onclick中验证,也可以在...
  • xujing19920814
  • xujing19920814
  • 2017年04月09日 20:56
  • 1737

表单提交按钮时图片时遇到的问题

因为才学html,css,js一点点,不是很熟悉。所以当把提交按钮为图片时,遇到了一点小问题。就是提交表单之前需要对表单进行验证。下面是错误的代码: ...
  • xw370457549
  • xw370457549
  • 2012年10月31日 09:05
  • 777

PHP如何实现表单提交时用户上传头像到数据库并读出显示

PHP如何实现表单提交时用户上传头像到数据库并读出显示
  • mangck
  • mangck
  • 2017年12月25日 19:38
  • 88
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:表单提交时,用户不接受(不同意)协议时让提交按钮变灰无法选中
举报原因:
原因补充:

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