摸鱼学习,驾考扣分程序

面包迪奥
已于 2023-09-10 13:16:46 修改
阅读量53
点赞数
文章标签：学习 javascript
于 2023-09-08 17:20:18 首次发布
本文链接：https://blog.csdn.net/m0_66499144/article/details/132764535
版权
本文详细列举了中国交通法规中针对不同违章行为的罚款规定，涉及驾驶校车、超速、载客、货物装载、安全带佩戴等方面，对驾驶员具有指导意义。
摘要由CSDN通过智能技术生成
<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
        .ancestors * {
            padding: 5px;
            display: inline-block;
        }

        .ti_error {
            background-color: red;
        }

        .div_block {
            margin-right: 10px;
            width: 10px;
            height: 10px;
            display: inline-block;
        }

        .ti_height {
            line-height: 30px;
        }

        .dom1 {
            padding-left: 50px;
        }
    </style>
    <script src="./jquery-3.6.4.js"></script>
    </script>
    <script>
        $(function () {

            let tiku_list = [
                { fenzhi: 1, timu: "（一）驾驶校车、中型以上载客载货汽车、危险物品运输车辆在高速公路、城市快速路以外的道路上行驶超过规定时速百分之十以上未达到百分之二十的；" },
                { fenzhi: 1, timu: "（二）驾驶机动车不按规定会车，或者在高速公路、城市快速路以外的道路上不按规定倒车、掉头的；" },
                { fenzhi: 1, timu: "（三）驾驶机动车不按规定使用灯光的；" },
                { fenzhi: 1, timu: "（四）驾驶机动车违反禁令标志、禁止标线指示的；" },
                { fenzhi: 1, timu: "（五）驾驶机动车载货长度、宽度、高度超过规定的；" },
                { fenzhi: 1, timu: "（六）驾驶载货汽车载物超过最大允许总质量未达到百分之三十的；" },
                { fenzhi: 1, timu: "（七）驾驶未按规定定期进行安全技术检验的公路客运汽车、旅游客运汽车、危险物品运输车辆以外的机动车上道路行驶的；" },
                { fenzhi: 1, timu: "（八）驾驶擅自改变已登记的结构、构造或者特征的载货汽车上道路行驶的；" },
                { fenzhi: 1, timu: "（九）驾驶机动车在道路上行驶时，机动车驾驶人未按规定系安全带的；" },
                { fenzhi: 1, timu: "（十）驾驶摩托车，不戴安全头盔的。" },

                { fenzhi: 3, timu: "（一）驾驶校车、公路客运汽车、旅游客运汽车、7座以上载客汽车以外的其他载客汽车载人超过核定人数百分之二十以上未达到百分之五十的;" },
                { fenzhi: 3, timu: "（二）驾驶校车、中型以上载客载货汽车、危险物品运输车辆以外的机动车在高速公路、城市快速路以外的道路上行驶超过规定时速百分之二十以上未达到百分之五十的;" },
                { fenzhi: 3, timu: "（三）驾驶机动车在高速公路或者城市快速路上不按规定车道行驶的;" },
                { fenzhi: 3, timu: "（四）驾驶机动车不按规定超车、让行，或者在高速公路、城市快速路以外的道路上逆行的;" },
                { fenzhi: 3, timu: "（五）驾驶机动车遇前方机动车停车排队或者缓慢行驶时，借道超车或者占用对面车道、穿插等候车辆的;" },
                { fenzhi: 3, timu: "（六）驾驶机动车有拨打、接听手持电话等妨碍安全驾驶的行为的;" },
                { fenzhi: 3, timu: "（七）驾驶机动车行经人行横道不按规定减速、停车、避让行人的;" },
                { fenzhi: 3, timu: "（八）驾驶机动车不按规定避让校车的;" },
                { fenzhi: 3, timu: "（九）驾驶载货汽车载物超过最大允许总质量百分之三十以上未达到百分之五十的，或者违反规定载客的;" },
                { fenzhi: 3, timu: "（十）驾驶不按规定安装机动车号牌的机动车上道路行驶的;" },
                { fenzhi: 3, timu: "（十一）在道路上车辆发生故障、事故停车后，不按规定使用灯光或者设置警告标志的;" },
                { fenzhi: 3, timu: "（十二）驾驶未按规定定期进行安全技术检验的公路客运汽车、旅游客运汽车、危险物品运输车辆上道路行驶的;" },
                { fenzhi: 3, timu: "（十三）驾驶校车上道路行驶前，未对校车车况是否符合安全技术要求进行检查，或者驾驶存在安全隐患的校车上道路行驶的;" },
                { fenzhi: 3, timu: "（十四）连续驾驶载货汽车超过4小时未停车休息或者停车休息时间少于20分钟的;" },
                { fenzhi: 3, timu: "（十五）驾驶机动车在高速公路上行驶低于规定最低时速的;" },

                { fenzhi: 6, timu: "（一）驾驶校车、公路客运汽车、旅游客运汽车载人超过核定人数未达到百分之二十，或者驾驶7座以上载客汽车载人超过核定人数百分之二十以上未达到百分之五十，或者驾驶其他载客汽车载人超过核定人数百分之五十以上未达到百分之百的;" },
                { fenzhi: 6, timu: "（二）驾驶校车、中型以上载客载货汽车、危险物品运输车辆在高速公路、城市快速路上行驶超过规定时速未达到百分之二十，或者在高速公路、城市快速路以外的道路上行驶超过规定时速百分之二十以上未达到百分之五十的;" },
                { fenzhi: 6, timu: "（三）驾驶校车、中型以上载客载货汽车、危险物品运输车辆以外的机动车在高速公路、城市快速路上行驶超过规定时速百分之二十以上未达到百分之五十，或者在高速公路、城市快速路以外的道路上行驶超过规定时速百分之五十以上的;" },
                { fenzhi: 6, timu: "（四）驾驶载货汽车载物超过最大允许总质量百分之五十以上的;" },
                { fenzhi: 6, timu: "（五）驾驶机动车载运爆炸物品、易燃易爆化学物品以及剧毒、放射性等危险物品，未按指定的时间、路线、速度行驶或者未悬挂警示标志并采取必要的安全措施的;" },
                { fenzhi: 6, timu: "（六）驾驶机动车运载超限的不可解体的物品，未按指定的时间、路线、速度行驶或者未悬挂警示标志的;" },
                { fenzhi: 6, timu: "（七）驾驶机动车运输危险化学品，未经批准进入危险化学品运输车辆限制通行的区域的;" },
                { fenzhi: 6, timu: "（八）驾驶机动车不按交通信号灯指示通行的;" },
                { fenzhi: 6, timu: "（九）机动车驾驶证被暂扣或者扣留期间驾驶机动车的;" },
                { fenzhi: 6, timu: "（十）造成致人轻微伤或者财产损失的交通事故后逃逸，尚不构成犯罪的;" },
                { fenzhi: 6, timu: "（十一）驾驶机动车在高速公路或者城市快速路上违法占用应急车道行驶的;" },

                { fenzhi: 9, timu: "（一）驾驶7座以上载客汽车载人超过核定人数百分之五十以上未达到百分之百的;" },
                { fenzhi: 9, timu: "（二）驾驶校车、中型以上载客载货汽车、危险物品运输车辆在高速公路、城市快速路以外的道路上行驶超过规定时速百分之五十以上的;" },
                { fenzhi: 9, timu: "（三）驾驶机动车在高速公路或者城市快速路上违法停车的;" },
                { fenzhi: 9, timu: "（四）驾驶未悬挂机动车号牌或者故意遮挡、污损机动车号牌的机动车上道路行驶的;" },
                { fenzhi: 9, timu: "（五）驾驶与准驾车型不符的机动车的;" },
                { fenzhi: 9, timu: "（六）未取得校车驾驶资格驾驶校车的;" },
                { fenzhi: 9, timu: "（七）连续驾驶中型以上载客汽车、危险物品运输车辆超过4小时未停车休息或者停车休息时间少于20分钟的;" },

                { fenzhi: 12, timu: "（一）饮酒后驾驶机动车的;" },
                { fenzhi: 12, timu: "（二）造成致人轻伤以上或者死亡的交通事故后逃逸，尚不构成犯罪的;" },
                { fenzhi: 12, timu: "（三）使用伪造、变造的机动车号牌、行驶证、驾驶证、校车标牌或者使用其他机动车号牌、行驶证的;" },
                { fenzhi: 12, timu: "（四）驾驶校车、公路客运汽车、旅游客运汽车载人超过核定人数百分之二十以上，或者驾驶其他载客汽车载人超过核定人数百分之百以上的;" },
                { fenzhi: 12, timu: "（五）驾驶校车、中型以上载客载货汽车、危险物品运输车辆在高速公路、城市快速路上行驶超过规定时速百分之二十以上，或者驾驶其他机动车在高速公路、城市快速路上行驶超过规定时速百分之五十以上的;" },
                { fenzhi: 12, timu: "（六）驾驶机动车在高速公路、城市快速路上倒车、逆行、穿越中央分隔带掉头的;" },
                { fenzhi: 12, timu: "（七）代替实际机动车驾驶人接受交通违法行为处罚和记分牟取经济利益的;" },
            ]

            let suiji_sort = [];
            // 出题
            $("#btn_1").on("click", function (params) {
                $("#div_text").empty();
                suiji_sort = [];
                let tikulength = tiku_list.length;

                for (let id = 0; id < tikulength; id++) {
                    suiji_sort.push(id);
                }
                let res = shuffle(suiji_sort);
                $("#jk_Div").empty();
                for (let index = 0; index < res.length; index++) {
                    let obj = tiku_list[res[index]]
                    let id = "fen_div_" + index;
                    $("#jk_Div").append($('<div id=' + id + ' class="ti_height"></div>'));
                    let sel = build_select(obj.fenzhi, index);
                    let sel_id = "dom_" + index;
                    $('#' + id).append('<div class = "div_block ' + sel_id + '"></div>');
                    sel.val("");
                    $('#' + id).append(sel);
                    $('#' + id).append($('<span>' + obj.timu + '</span>'));
                }

                // $(".fen_select").off('change').on('change', function (params) {
                //     let class_name = $(this).attr('dom-class');
                //     if ($(this).val() + "" != $(this).attr("data-fen")) {
                //         $('.' + class_name).addClass('ti_error');
                //     } else {
                //         $('.' + class_name).removeClass('ti_error');
                //     }
                // });
            })

            function shuffle(arr) {
                let len = arr.length;
                while (len) {
                    let randomIndex = Math.floor(Math.random() * len--);
                    [arr[randomIndex], arr[len]] = [arr[len], arr[randomIndex]];
                }
                return arr;
            }

            function build_select(fenzhi, index) {
                let id = "select_" + index;
                let select_dom = $('<select id="' + id + '" class="fen_select" data-fen=' + fenzhi + ' dom-class="dom_' + index + '"></select>');
                select_dom.append($('<option value="1">1</option>'));
                select_dom.append($('<option value="3">3</option>'));
                select_dom.append($('<option value="6">6</option>'));
                select_dom.append($('<option value="9">9</option>'));
                select_dom.append($('<option value="12">12</option>'));
                return select_dom;
            }

            $("#btn_2").on("click", function (params) {

                let fen_select = $(".fen_select");
                let fen_length = fen_select.length;
                let yes_count = 0;
                fen_select.each(function (index, item) {
                    if ($(item).val() + "" == $(item).attr("data-fen")) {
                        yes_count++;
                        $('.dom_' + index).removeClass('ti_error');
                    } else {
                        $('.dom_' + index).addClass('ti_error');
                    }
                });
                $("#div_text").empty();
                $("#div_text").append("总数: " + fen_length, "; 正确: " + yes_count);
            });

        })
    </script>
</head>

<body class="dom1">
    <div class="ancestors">
        <button id="btn_1">按钮1(出题)</button>
        <button id="btn_2">按钮2(判断)</button>
        <button id="btn_3">按钮3</button>
        <button id="myButton">myButton</button>
    </div>
    <div id="div_text"></div>
    <div id="myDiv"></div>
    <!-- <input id="runFlag" value="0" /> -->

    <div id="jk_Div"></div>
</body>

</html>