javascipt操作数组加值减值

最新推荐文章于 2021-08-13 16:55:41 发布

qinxueqian

最新推荐文章于 2021-08-13 16:55:41 发布

阅读量654

点赞数

CC 4.0 BY-SA版权

分类专栏： JQuery

本文链接：https://blog.youkuaiyun.com/qinxueqian/article/details/8604785

JQuery 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个关于中介与球会关联的功能实现细节，通过使用jQuery进行DOM操作和事件绑定来实现球会的选择与添加，并展示了如何使用自定义数组进行数据管理。

            $(".DataTable tr:gt(0)").hover(function () {
                $(this).css("backgroundColor", "#E8E8E8");
            }, function () {
                $(this).css("backgroundColor", "white");
            });

        })
        packall = [];    //数组声明
        function Associationclub(MediumId) {
            var selectAll="<div><%: Html.CrsClubEdit("", "")%></div>";
            var html = "<div id='AddStart'>"+selectAll;
            html+="<div class='ofh AddTodo'><div id='AddToClub' class='h40 pointer fll'>点击添加至下方 + </div><div class='flr' id='clubsum'>0</div></div>";
            html+="<div id='Clubs' class='ofh_y ClubsBox' ></div>";
            html+="</div>";
            var content = {
                state1: {
                    content: html,
                    buttons: { '保存': 1, '取消': 0 },
                    buttonsFocus: 0,
                    submit: function (v, h, f) {
                        if (v == 0) {
                            return true; // close the window
                        }
                        else {
                            $.jBox.nextState(); //go forward
                            // 或 $.jBox.goToState('state2')
                        }
                        return false;
                    }
                },
                state2: {
                    content: '添加完成，请关闭：）',
                    buttons: { '关闭': 1, '取消': 0 },
                    buttonsFocus: 0,
                    submit: function (v, h, f) {
                        if (v == 0) {
                            return true; // close the window
                        } else {
                            //$.jBox.prevState() //go back
                            // 或 $.jBox.goToState('state1');
                        }

                        return false;
                    }
                }
            };

            $.jBox(content,{title: '设置中介关联球会'});
             $(".chzn-select").chosen();
             EventFun("#AddToClub","click",function(){
                var id=$(".chzn-select").val();
                if(id!=""){
                    if ($.inArray(id, packall) < 0) {
                        packall.push(id);    //加入数组
                        changClubSum();
                        $("#Clubs").prepend("<P>"+$(".chzn-select").find("option:selected").text()+"<span class='delClub pointer' onclick=DelClubs('"+id+"',this)>点击删除</span></P>");
                    } else {
                        $.jBox.tip("该球会已经加入到该中介！");
                    }
                }else{
                    $.jBox.tip("请选择球会加入！");
                }

               });

        }

        function DelClubs(id,w){
               $.jBox.confirm("确认要删除该条记录吗？", "删除提示", function (v, h, f) {
                        if (v == true) {
                            $.jBox.tip("成功移除");
                            $(w).parent().remove();
                            packall.remove(id);   //数组中删除
                            changClubSum();
                        }
                    }, { buttons: { '确定': true, '取消': false} });
           };
        function changClubSum(){$("#clubsum").html("共计"+packall.length+"家球会");}
        Array.prototype.indexOf = function (val) {
            for (var i = 0; i < this.length; i++) {
                if (this[i] == val) return i;
            }
            return -1;
        };
        Array.prototype.remove = function (val) {
            var index = this.indexOf(val);
            if (index > -1) {
                this.splice(index, 1);
            }
        };