zoukankan      html  css  js  c++  java
  • 判断是否同意个人隐私协议

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style type="text/css">
            *{margin:0; padding:0;}
            .box_agreement{ text-align: center; }
        </style>
    </head>
    
    <body>
        <div class="box_agreement">
            <input type="checkbox" checked="checked" id="cbId" onclick="confirmBox()">同意<a href="/index/protocol.html">个人隐私协议</a>
        </div>
        <script type="text/javascript">
            // 1.在点提交按钮的时候验证checkbox是否选中
            function confirmBox(){
             var confirmBox = document.getElementById("cbId");//cbId为checkbox的ID
             if(confirmBox.checked){
              form.submit();
             }else{
              alert("请同意协议");
              return false;
             }
            }
        </script>
    </body>
    
    </html>

    效果图:

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style type="text/css">
            *{margin:0; padding:0;}
            .box_agreement{ text-align: center; }
        </style>
    </head>
    
    <body>
        <!-- 第二种 jquery -->
        <div class="box_agreement">
            <input type="checkbox" checked="checked" id="cbId" >同意<a href="/index/protocol.html">个人隐私协议</a>
            <button id="btn">点击</button>
        </div>
        <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
    
        <script type="text/javascript">
            $(function(){
                // 1、写法
                $("#btn").click(function(){
                    if($('#cbId').length){
                        if(!($('#cbId').is(':checked'))){
                            alert('请同意协议');
                            return false;
                        };
                    }
    
                    })
                ///2、写法
                // $("#btn").click(function(){
                //     var check_box = $("#cbId");
                //     if(check_box.is(':checked')){
                //         form.submit();
    
                //     }else{
                //         alert("请同意协议");
                //         return false;
                //     }
                // });
            });
        </script>
    </body>
    
    </html>

    效果图:

  • 相关阅读:
    如何利用UltraEdit语法着色来编辑shell脚本
    css 运动背景
    页面加载进度条
    jScrollPane滚动条
    页面加载进度条改进版
    js页面新消息提示
    一道题
    jquery插件 展示信息
    冒泡排序和快速排序
    字体背景
  • 原文地址:https://www.cnblogs.com/huanghuali/p/6871789.html
Copyright © 2011-2022 走看看