午夜视频在线网站,日韩视频精品在线,中文字幕精品一区二区三区在线,在线播放精品,1024你懂我懂的旧版人,欧美日韩一级黄色片,一区二区三区在线观看视频

搜索
分享

jQuery實(shí)現(xiàn)一個(gè)學(xué)生成績(jī)單錄入系統(tǒng)

 wenxuefeng360 2022-11-04 發(fā)布于四川

jQuery實(shí)現(xiàn)一個(gè)學(xué)生成績(jī)單錄入系統(tǒng)

wyy愛(ài)學(xué)習(xí) 于 2021-06-23 21:22:32 發(fā)布 2391 收藏 15
文章標(biāo)簽： javascript css jquery
版權(quán)聲明：本文為博主原創(chuàng)文章，遵循 CC 4.0 BY-SA 版權(quán)協(xié)議，轉(zhuǎn)載請(qǐng)附上原文出處鏈接和本聲明。

使用jQuery實(shí)現(xiàn)了數(shù)據(jù)的增刪改查

<!DOCTYPE html>
<html>

<head>
    <title>學(xué)生成績(jī)表成績(jī)錄入查詢系統(tǒng)</title>
    <script src="./jquery.js"></script>
    <!--引入jq庫(kù)-->
    <style>
        table {
            border-spacing: 0;
            /*去掉單元格間隙*/
        }
        
        table thead tr th {
            border: 1px solid black;
        }
        /**設(shè)置表格邊框**/
        
        td {
            border: 1px solid black;
        }
        
        .luru td {
            width: 50px
        }
        /**設(shè)置表格單元格寬度**/
        
        .luru td input {
            width: 50px
        }
        /**設(shè)置輸入框?qū)挾?*/
        
        .mark {
            background-color: #adadf3;
        }
        /*設(shè)置背景顏色*/
        
        input {
            width: 40px;
            border: 0;
        }
        
        #show {
            width: 100px;
            height: 20px;
            background-color: coral;
            border-radius: 10px;
            float: right;
            margin-right: 130px;
            text-align: center;
            margin-top: 20px;
        }
        
        #show a {
            text-decoration: none;
            color: black;
        }
    </style>
</head>

<body>
    <p>注：1.空白即為缺考 2.點(diǎn)擊隱藏可使手機(jī)號(hào)等隱藏</p>
    <!--設(shè)置標(biāo)題-->
    <h3 style="text-align: center;">
        學(xué)生成績(jī)表成績(jī)錄入查詢系統(tǒng)
    </h3>
    <!--學(xué)生成績(jī)表格-->
    <table id="tableId" style="width:1200px;height: auto;margin:0 auto;border: 1px solid black" class="score">
        <!--設(shè)置表格頭部-->
        <thead>
            <tr>
                <th>序號(hào)</th>
                <th>姓名</th>
                <th onclick="sortAble('tableId', 3, 'int')">學(xué)號(hào)</th>
                <th class="hidetag">班級(jí)</th>
                <th>語(yǔ)文</th>
                <th>數(shù)學(xué)</th>
                <th>英語(yǔ)</th>
                <th>物理</th>
                <th>化學(xué)</th>
                <th>生物</th>
                <th>歷史</th>
                <th>地理</th>
                <th>政治</th>
                <th>平均成績(jī)</th>
                <th class="hidetag">電話</th>
                <th class="hidetag">住址</th>
                <th class="hidetag">備注</th>
                <th>操作</th>
            </tr>
        </thead>
        <!--設(shè)置表格內(nèi)容-->
        <tbody id="scorelist">
            <tr class='mark'>
                <td class="order">1</td>
                <td class='checkname'>王青雪</td>
                <td class='idcard'>20000</td>
                <td class='checkgroup hidetag'>高三7班</td>
                <td class='checkscore'>86</td>
                <td class='checkscore'>120</td>
                <td class='checkscore'>96</td>
                <td class='checkscore'>77</td>
                <td class='checkscore'>88</td>
                <td class='checkscore'>87</td>
                <td class='checkscore'>89</td>
                <td class='checkscore'>86</td>
                <td class='checkscore'>95</td>
                <td class='checkscoreavg'></td>
                <td class='checktel hidetag'>18182065162</td>
                <td class='checkaddr hidetag'>碧桂園18棟1518</td>
                <td class='hidetag'></td>
                <td><a class='del' href='javascript:;'>刪除</a></td>
            </tr>
            <tr>
                <td class="order">2</td>
                <td class='checkname'>暨攸然</td>
                <td class='idcard'>19001</td>
                <td class='checkgroup hidetag'>高二7班</td>
                <td class='checkscore'>123</td>
                <td class='checkscore'>117</td>
                <td class='checkscore'>89</td>
                <td class='checkscore'>98</td>
                <td class='checkscore'>99</td>
                <td class='checkscore'>92</td>
                <td class='checkscore'>91</td>
                <td class='checkscore'>93</td>
                <td class='checkscore'>94</td>
                <td class='checkscoreavg'></td>
                <td class='checktel hidetag'>18182074386</td>
                <td class='checkaddr hidetag'>碧桂園29棟1327</td>
                <td class='hidetag'></td>
                <td><a class='del' href='javascript:;'>刪除</a></td>
            </tr>
            <tr class='mark'>
                <td class="order">3</td>
                <td class='checkname'>越玨</td>
                <td class='idcard'>21002</td>
                <td class='checkgroup hidetag'>高三7班</td>
                <td class='checkscore'>120</td>
                <td class='checkscore'>120</td>
                <td class='checkscore'>80</td>
                <td class='checkscore'>80</td>
                <td class='checkscore'>80</td>
                <td class='checkscore'>80</td>
                <td class='checkscore'>80</td>
                <td class='checkscore'>80</td>
                <td class='checkscore'>80</td>
                <td class='checkscoreavg'></td>
                <td class='checktel hidetag'>18182097438</td>
                <td class='checkaddr hidetag'>碧桂園15棟5037</td>
                <td class='hidetag'></td>
                <td><a class='del' href='javascript:;'>刪除</a></td>
            </tr>
        </tbody>
    </table>
    <div id='show'>
        <a class='show' onclick='isshow()' href='javascript:;'>隱藏</a>
    </div>
    <!--設(shè)置標(biāo)題-->
    <h3 style="text-align: center;">
        輸入查詢統(tǒng)計(jì)操作區(qū)
    </h3>
    <!--設(shè)置成績(jī)錄入-->
    <table style="width:1200px;height: auto;margin:0 auto;border: 1px solid black">
        <thead>
            <tr>
                <th>序號(hào)</th>
                <th>姓名</th>
                <th>學(xué)號(hào)</th>
                <th>班級(jí)</th>
                <th>語(yǔ)文</th>
                <th>數(shù)學(xué)</th>
                <th>英語(yǔ)</th>
                <th>物理</th>
                <th>化學(xué)</th>
                <th>生物</th>
                <th>歷史</th>
                <th>地理</th>
                <th>政治</th>
                <th>電話</th>
                <th>住址</th>
                <th>備注</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            <tr class="luru">
                <td><input type="text" placeholder="待錄入" /></td>
                <td><input type="text" placeholder="待錄入" /></td>
                <td><input type="text" placeholder="待錄入" /></td>
                <td><input type="text" placeholder="待錄入" /></td>
                <td><input type="text" placeholder="待錄入" /></td>
                <td><input type="text" placeholder="待錄入" /></td>
                <td><input type="text" placeholder="待錄入" /></td>
                <td><input type="text" placeholder="待錄入" /></td>
                <td><input type="text" placeholder="待錄入" /></td>
                <td><input type="text" placeholder="待錄入" /></td>
                <td><input type="text" placeholder="待錄入" /></td>
                <td><input type="text" placeholder="待錄入" /></td>
                <td><input type="text" placeholder="待錄入" /></td>
                <td><input type="text" placeholder="待錄入" /></td>
                <td><input type="text" placeholder="待錄入" /></td>
                <td></td>
                <td style="width: 120px">
                    <a class="reset" href="javascript:;">重置</a>&nbsp&nbsp&nbsp
                    <a class="lurunew" href="javascript:;">錄入系統(tǒng)</a>
                </td>
            </tr>
        </tbody>
    </table>

    <!--設(shè)置成績(jī)查詢-->
    <div style="width: 1200px;margin: 0 auto">
        <input id="queryscoreoneinput" placeholder="請(qǐng)輸入學(xué)生姓名" /><a id="queryscoreonea" href="javascript:;">查詢個(gè)人成績(jī)</a>
        <select id="select1">
		    <option>請(qǐng)選擇年級(jí)</option>
		    <option value="高一">高一</option>
		    <option value="高二">高二</option>
		    <option value="高三">高三</option>
		</select>
        <select id="select2">
		    <option>請(qǐng)選擇班級(jí)</option>
		    <option value="1班">1班</option>
		    <option value="2班">2班</option>
		    <option value="3班">3班</option>
		    <option value="4班">4班</option>
		    <option value="5班">5班</option>
		    <option value="6班">6班</option>
		    <option value="7班">7班</option>
		    <option value="8班">8班</option>
		    <option value="9班">9班</option>
		</select>
        <a id="querygroup" href="javascript:;">查詢班級(jí)成績(jī)</a>
        <select id="select3">
		    <option>請(qǐng)選擇科目</option>
		    <option value="語(yǔ)文">語(yǔ)文</option>
		    <option value="數(shù)學(xué)">數(shù)學(xué)</option>
		    <option value="英語(yǔ)">英語(yǔ)</option>
		    <option value="物理">物理</option>
		    <option value="化學(xué)">化學(xué)</option>
		    <option value="生物">生物</option>
		    <option value="歷史">歷史</option>
		    <option value="地理">地理</option>
		    <option value="政治">政治</option>
		</select>
        <a id="sigleone" href="javascript:;">查詢單科成績(jī)</a>
        <a class="hideinfo" href="javascript:;">隱藏班級(jí)電話住址信息</a>
    </div>



    <!--設(shè)置查詢結(jié)果顯示，display: none表示默認(rèn)隱藏-->
    <table style="width:1200px;height: auto;margin:0 auto;border: 1px solid black;margin-top:30px;display: none" id="queryone">
        <thead>
            <tr>
                <th>序號(hào)</th>
                <th>姓名</th>
                <th>學(xué)號(hào)</th>
                <th class="hidetag">班級(jí)</th>
                <th>語(yǔ)文</th>
                <th>數(shù)學(xué)</th>
                <th>英語(yǔ)</th>
                <th>物理</th>
                <th>化學(xué)</th>
                <th>生物</th>
                <th>歷史</th>
                <th>地理</th>
                <th>政治</th>
                <th>平均成績(jī)</th>
                <th class="hidetag">電話</th>
                <th class="hidetag">住址</th>
                <th class="hidetag">備注</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody id="scorelistquery"></tbody>
    </table>
    <div id="result" style="width: 1200px;margin: 0 auto;display: none">班級(jí)總成績(jī)平均分：</div>



    <script type="text/javascript">
        //按照學(xué)號(hào)進(jìn)行排序
        sortCells(2)
        var modify = false;

        //單元格值的修改
        //找到所有需要編輯的單元格
        var numTd = $(".score");
        //給這些單元格注冊(cè)Click事件
        numTd.on('click', ".order,.checkname,.checkscore,.checkgroup,.checktel,.checkaddr,.hidetag", function() {
            //找到當(dāng)前鼠標(biāo)點(diǎn)擊的那個(gè)td,this對(duì)應(yīng)的就是響應(yīng)了click的那個(gè)td
            var currTd = $(this);
            if (currTd.children("input").length > 0) {
                //如果當(dāng)前td中已包含有文本框元素，則不執(zhí)行click事件
                return false;
            }
            //當(dāng)前td的內(nèi)容
            var tdtext = currTd.html();
            //清除td的內(nèi)容
            currTd.html("");
            //創(chuàng)建一個(gè)文本框
            //去掉文本框的邊框
            //設(shè)置文本框中字體大小和當(dāng)前td中的字體大小一樣,為16px;
            //設(shè)置文本框的背景色和當(dāng)前td背景色一樣
            //讓文本框的寬度和td的寬度一樣
            //將td的內(nèi)容放到文本框中
            //將文本框插入到td中去
            var inputOjb = $("<input type='text' />").css("border-width", "0").css("font-size", "16px")
                .css("background-color", currTd.css("background-color")).width(currTd.width())
                .val(tdtext).appendTo(currTd);

            //使文本框的內(nèi)容添加后就被選中(trigger可以執(zhí)行javascript中的方法)
            inputOjb.trigger("focus").trigger("select");
            //去掉文本框的點(diǎn)擊事件,(javascript事件是冒泡型的)
            inputOjb.click(function() {
                return false;
            });

            //處理文本框上回車(chē)和ESC按鍵的操作
            inputOjb.keyup(function(event) {
                //獲取當(dāng)前按下的鍵盤(pán)的鍵值
                // 不同的按鍵可以做不同的事情
                var keyCode = event.which;
                //處理回車(chē)鍵 ,不同的瀏覽器的keycode不同
                if (keyCode == 13) {
                    //保存當(dāng)前輸入的內(nèi)容

                    var inputText = $(this).val();
                    currTd.html(inputText);
                }
                //處理ESC鍵的操作
                if (keyCode == 27) {
                    //將當(dāng)前TD的內(nèi)容還原成tdtext
                    currTd.html(tdtext);
                }
            });
        })

        //計(jì)算平均數(shù)
        calcuavg();

        function calcuavg() {
            $(".checkscoreavg").each(function() {
                scoretotal = 0;
                sum = 0
                    // 對(duì)所有成績(jī)進(jìn)行求和

                $(this).parent().children(".checkscore").each(function() {
                    if ($(this).text() == '') {
                        console.log(1111);
                    } else {
                        sum = $(this).length;
                        scoretotal += parseInt($(this).text());

                    }
                });
                // 平均成績(jī)保留一位小數(shù)
                $(this).text((scoretotal / 9).toFixed(1));

            });
        }



        /**重置按鈕**/
        $(".reset").click(function() {
            $("input").val("");
        });

        /**錄入系統(tǒng)按鈕**/
        $(".lurunew").click(function() {
            var var14 = new Array()

            $(".luru input").each(function() {
                var14.push($(this).val())
                if (isShow) {
                    $('.hidetag').show()
                } else {
                    $('.hidetag').hide()
                }

            });
            if (lurujiaoyan(var14)) { //如果校驗(yàn)成功，則錄入
                lurustudent(var14);
            }

        });

        /**錄入系統(tǒng)函數(shù)**/
        function lurustudent(var14) {

            var ismark = "";
            var addlength = $("#scorelist").children().length + 1;
            if ($("#scorelist").children().length % 2 == 0) {
                $("#scorelist").append("<tr class='mark' id='mark" + addlength + "' style='border:1px solid'></tr>")
                ismark = "#mark" + addlength;
            } else {
                $("#scorelist").append("<tr id='notmark" + addlength + "' style='border:1px solid'></tr>")
                ismark = "#notmark" + addlength;
            }

            $(ismark).append("<td class='order'>" + $(".score tbody tr").length + "</td>"); //序號(hào)
            $(ismark).append("<td class='checkname'>" + var14[1] + "</td>"); //姓名
            $(ismark).append("<td class='idcard'>" + var14[2] + "</td>"); //學(xué)號(hào)
            $(ismark).append("<td class='checkgroup hidetag'>" + var14[3] + "</td>"); //班級(jí)
            $(ismark).append("<td class='checkscore'>" + var14[4] + "</td>");
            $(ismark).append("<td class='checkscore'>" + var14[5] + "</td>");
            $(ismark).append("<td class='checkscore'>" + var14[6] + "</td>");
            $(ismark).append("<td class='checkscore'>" + var14[7] + "</td>");
            $(ismark).append("<td class='checkscore'>" + var14[8] + "</td>");
            $(ismark).append("<td class='checkscore'>" + var14[9] + "</td>");
            $(ismark).append("<td class='checkscore'>" + var14[10] + "</td>");
            $(ismark).append("<td class='checkscore'>" + var14[11] + "</td>");
            $(ismark).append("<td class='checkscore'>" + var14[12] + "</td>");
            $(ismark).append("<td class='checkscoreavg'></td>");
            $(ismark).append("<td class='checktel hidetag'>" + var14[13] + "</td>"); //電話
            $(ismark).append("<td class='checkaddr hidetag'>" + var14[14] + "</td>");
            $(ismark).append("<td class='hidetag'></td>");
            $(ismark).append("<td><a class='del' οnclick='delDom()' href='javascript:;'>刪除</a></td>");

            $(ismark).append("</tr>")
                // sortCells(3)
            calcuavg()
            sortCells(2)
            delDom()

        }
        //刪除按鈕
        $(".del").click(function() {
            $(this).parent().parent().empty();
            console.log($(this).parent().parent())
                // 重新計(jì)數(shù)
            const order = document.querySelectorAll('.order');
            console.log(order);
            for (let i = 0; i < $(".score tbody tr").length; i++) {
                order[i].innerHTML = i + 1;
            }

        })

        function delDom() {

            console.log(1)
            const del = document.querySelectorAll('.del')
            const tbody = document.querySelector('tbody')
            for (var i = 0; i < del.length; i++) {
                del[i].onclick = function() {
                    tbody.removeChild(this.parentNode.parentNode);
                    console.log(this.parentNode);
                    // 重新排序
                    const order = document.querySelectorAll('.order');
                    console.log(order);
                    for (let i = 0; i < $(".score tbody tr").length; i++) {
                        order[i].innerHTML = i + 1;
                    }
                }
            }



        }


        /**查詢單人成績(jī)按鈕**/
        $("#queryscoreonea").click(function() {
            $("#queryone").show();
            queryname = $("#queryscoreoneinput").val()
                //var var15 = new Array()
                //console.log(var14);
                //lurustudent(var14);
            $("#scorelist td").each(function() {
                if ($(this).text() == queryname) {
                    $("#scorelistquery").append("<tr>" + $(this).parent().html() + "</tr>")
                }
            });
        })

        /**年級(jí)下拉選擇**/
        $('#select1').change(function() {
            options1 = $("#select1 option:selected");
            console.log(options1.val());
        })

        /**班級(jí)下拉選擇**/
        $('#select2').change(function() {
            options2 = $("#select2 option:selected");
            console.log(options2.val());
        })

        /**單科下拉選擇**/
        $('#select3').change(function() {
            options3 = $("#select3 option:selected");
            console.log(options3.val());
        })

        //查詢班級(jí)成績(jī)按鈕
        $("#querygroup").click(function() {
            $("#scorelistquery").html("");
            $("#queryone").show();
            $("#result").show();
            var groupname12 = options1.val() + options2.val();
            console.log(groupname12);
            queryname = groupname12
            scoretotal2 = 0;
            const td = $(".checkgroup");
            console.log(td.text());
            $("#scorelist td").each(function() {
                // console.log($(this).text());
                // console.log(queryname);
                if ($(this).text() == queryname) {
                    // $(this).parent().show()
                    // $('#queryone').append($(this).parent())
                    // console.log($(this));
                    $("#scorelistquery").append("<tr>" + $(this).parent().html() + "</tr>")
                    console.log(11);

                    $(this).parent().children(".checkscore").each(function() {
                        scoretotal2 += parseInt($(this).text());
                    });

                }
            });

            $("#result").html("<span style='color:red'>" + groupname12 + "班級(jí)總成績(jī)：" + scoretotal2 + ",平均分：" + (scoretotal2 / 2).toFixed(1) + "</span>");
        });

        //查詢單科成績(jī)
        $("#sigleone").click(function() {
            $("#scorelistquery").html("");
            $("#queryone").show();
            $("#result").show();
            var groupname12 = options1.val() + options2.val();
            queryname = groupname12
            scoretotal2 = 0;
            $("#scorelist td").each(function() {
                if ($(this).text() == queryname) {
                    $("#scorelistquery").append("<tr>" + $(this).parent().html() + "</tr>")


                    $(this).parent().children(".checkscore").each(function(inde) {
                        if (options3.val() == "語(yǔ)文" && inde == 0) {
                            scoretotal2 += parseInt($(this).text());
                        } else if (options3.val() == "數(shù)學(xué)" && inde == 1) {
                            scoretotal2 += parseInt($(this).text());
                        } else if (options3.val() == "英語(yǔ)" && inde == 2) {
                            scoretotal2 += parseInt($(this).text());
                        } else if (options3.val() == "物理" && inde == 3) {
                            scoretotal2 += parseInt($(this).text());
                        } else if (options3.val() == "化學(xué)" && inde == 4) {
                            scoretotal2 += parseInt($(this).text());
                        } else if (options3.val() == "生物" && inde == 5) {
                            scoretotal2 += parseInt($(this).text());
                        } else if (options3.val() == "歷史" && inde == 6) {
                            scoretotal2 += parseInt($(this).text());
                        } else if (options3.val() == "地理" && inde == 7) {
                            scoretotal2 += parseInt($(this).text());
                        } else if (options3.val() == "政治" && inde == 8) {
                            scoretotal2 += parseInt($(this).text());
                        }

                    });

                }
            });

            $("#result").html("<span style='color:red'>" + groupname12 + "班級(jí)" + options3.val() + "單科總成績(jī)：" + scoretotal2 + ",平局分：" + (scoretotal2 / 2).toFixed(1) + "</span>");
        });



        //設(shè)置表格邊框
        $("td").css("border", "1px solid black");

        //設(shè)置斑馬線
        $(".mark").css("background-color", "#adadf3;");




        /**
        以下都是校驗(yàn)函數(shù)
        **/
        //校驗(yàn)姓名
        $(".checkname").blur(function() {
            if (!isName($(this).text())) {
                modify = true;
                alert("姓名輸入錯(cuò)誤");
            } else {
                modify = false;
            }
        });

        //校驗(yàn)班級(jí)
        $(".checkgroup").blur(function() {
            if (isGroup($(this).text()) < 0) {
                modify = true;
                alert("班級(jí)輸入錯(cuò)誤");
            } else {
                modify = false;
            }
        });
        //校驗(yàn)手機(jī)號(hào)
        $(".checktel").blur(function() {
            if (!isPhoneNo($(this).text())) {
                modify = true;
                alert("手機(jī)號(hào)輸入錯(cuò)誤");
            } else {
                modify = false;
            }
        });
        //校驗(yàn)地址
        $(".checkaddr").blur(function() {
            if (!isAddr($(this).text())) {
                modify = true;
                alert("地址輸入錯(cuò)誤");
            } else {
                modify = false;
            }
        });
        //校驗(yàn)成績(jī)
        $(".checkscore").blur(function() {
            if (!isScore($(this).text())) {
                modify = true;
                alert("成績(jī)輸入錯(cuò)誤");
            } else {
                modify = false;
            }
        });
        //校驗(yàn)姓名函數(shù)
        function isName(name) {
            var pattern = /^[\u4E00-\u9FA5]{1,6}$/;
            return pattern.test(name);
        }

        //校驗(yàn)班級(jí)名稱函數(shù)
        function isGroup(name) {
            var arr = ["高一1班", "高一2班", "高一3班", "高一4班", "高一5班", "高一6班", "高一7班", "高一8班", "高一9班",
                "高二1班", "高二2班", "高二3班", "高二4班", "高二5班", "高二6班", "高二7班", "高二8班", "高二9班",
                "高三1班", "高三2班", "高三3班", "高三4班", "高三5班", "高三6班", "高三7班", "高三8班", "高三9班"
            ]
            return $.inArray(name, arr);
        }
        //校驗(yàn)電話函數(shù)
        function isPhoneNo(name) {
            var pattern = /^1[34578]\d{9}$/;
            return pattern.test(name);
        }
        //校驗(yàn)地址函數(shù)
        function isAddr(name) {
            return name.indexOf("碧桂園") != -1;
        }
        //校驗(yàn)分?jǐn)?shù)函數(shù)
        function isScore(name) {
            alert(name)
            str = name.toString();
            strIndex = name.indexOf('.');
            alert(strIndex)
            if (strIndex === -1) return true;
            str = str.substring(strIndex + 1);
            alert(str)
            if (str == 5) {
                return true;
            } else {
                return false;
            }
        }

        //錄入系統(tǒng)校驗(yàn)
        function lurujiaoyan(var14) {
            //校驗(yàn)姓名
            if (!isName(var14[1])) {
                alert("姓名輸入錯(cuò)誤");
                return false;
            }
            //校驗(yàn)班級(jí)
            if (isGroup(var14[3]) < 0) {
                alert("班級(jí)輸入錯(cuò)誤");
                return false;
            }
            //校驗(yàn)手機(jī)號(hào)
            if (!isPhoneNo(var14[13])) {
                alert("手機(jī)號(hào)輸入錯(cuò)誤");
                return false;
            }
            //校驗(yàn)地址
            if (!isAddr(var14[14])) {
                alert("地址輸入錯(cuò)誤");
                return false;
            }
            //校驗(yàn)成績(jī)
            for (var index = 4; index <= 12; index++) {
                // 正則表達(dá)式實(shí)現(xiàn)數(shù)字精度為0.5
                var reg = /^\d+(\.5)?$/;
                // 輸入的成績(jī)只能是整數(shù)或者.5
                console.log(reg.test(var14[index]))
                    // if(var14[index] = "" || var14[index] == null)
                if (var14[index] == "" || var14[index] == null) {
                    console.log('未錄入');

                } else {
                    if (index >= 4 && index <= 6) {
                        if (var14[index] < 0 || var14[index] > 150 || !reg.test(var14[index])) {
                            alert("成績(jī)輸入錯(cuò)誤");
                            return false;
                        }
                    } else {
                        if (var14[index] < 0 || var14[index] > 100 || !reg.test(var14[index])) {
                            alert("成績(jī)輸入錯(cuò)誤");
                            return false;
                        }
                    }
                }
            }
            return true;

        }
        let isShow = true;
        $('.hidetag').show()
            // 對(duì)班級(jí)、手機(jī)號(hào)碼、住址、備注欄的隱藏與顯示
        function isshow() {
            if (isShow) {
                // 列顯示
                $(".hidetag").show()
                isShow = false
                console.log(isShow);
                // 改變標(biāo)簽的內(nèi)容
                $('.show').html('顯示更多')
            } else {
                // 列隱藏
                $('.hidetag').hide()
                isShow = true;
                console.log(isShow);
                $('.show').html('隱藏')

            }
            return isShow
        }
        console.log($(".score tbody tr").length);

        //重新排序
        const order = document.querySelectorAll('.order');
        console.log(order);
        for (let i = 0; i < $(".score tbody tr").length; i++) {
            order[i].innerHTML = i + 1;
        }


        // 按照學(xué)號(hào)進(jìn)行排序
        function sortCells(type) {
            var tbs = document.getElementsByTagName("table")[0];
            var arr = [];
            var arr2 = [];
            for (var i = 1; i < tbs.rows.length; i++) {
                var text = tbs.rows[i].cells[type].innerText;
                arr.push(text);
                arr2[text] = i;
            }
            if (type == 0) {
                arr.sort(function(a, b) {
                    return a - b
                });
            } else {
                arr.sort();
            }
            var temp = "";
            for (var j = 1; j < tbs.rows.length; j++) {
                temp = tbs.rows[j].cells[0].innerText;
                tbs.rows[j].cells[0].innerText = tbs.rows[arr2[arr[j - 1]]].cells[0].innerText;
                tbs.rows[arr2[arr[j - 1]]].cells[0].innerText = temp;
                temp = tbs.rows[j].cells[1].innerText;
                tbs.rows[j].cells[1].innerText = tbs.rows[arr2[arr[j - 1]]].cells[1].innerText;
                tbs.rows[arr2[arr[j - 1]]].cells[1].innerText = temp;
                temp = tbs.rows[j].cells[2].innerText;
                tbs.rows[j].cells[2].innerText = tbs.rows[arr2[arr[j - 1]]].cells[2].innerText;
                tbs.rows[arr2[arr[j - 1]]].cells[2].innerText = temp;
                //        console.log(arr2);
                for (var i = 1; i < tbs.rows.length; i++) {
                    var text = tbs.rows[i].cells[type].innerText;
                    arr2[text] = i;
                }
            }
        }
    </script>
</body>

</html>

實(shí)現(xiàn)效果
在這里插入圖片描述

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花（0）

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多