js切换选择项默认选中10

23 篇文章 0 订阅
   //------------------切换选择项---------------------
                    /*       var label = $(".rim");
                      for (var i = 0; i < label.length; i++) {
                          $(".rim").eq(i).children("p").click(function() {
                              $(this).toggleClass("butActive");
                          });
                      }*/
                    //默认选中10
                    var pretermit = $('.increase');
                    var selectedArray = [];//声明一个数组


                    for (var z = 0; z < 10; z++) {
                        pretermit.eq(z).addClass("normActive");
                        selectedArray.push(pretermit.eq(z).next().text());
                    }
                    for (var j = 0; j < pretermit.length; j++) {
                        pretermit.eq(j).click(function () {
                            //  搜索是否带有 normActive 类名
                            if ($(this).attr("class").indexOf("normActive") < 0) {
                                if (selectedArray.length == 10) {
                                    return;//如果数组里面有10个就返回
                                }
                                //把选中的放到数组里面
                                selectedArray.push($(this).next().text());
                                $(this).addClass("normActive");
                            }
                            else {
                                $(this).removeClass("normActive");//把对号移除
                                for (var k = 0; k < selectedArray.length; k++) {
                                    if (selectedArray[k] == $(this).next().text()) {
                                        //从已有的数组显示选取的元素
                                        selectedArray.splice(k, 1);
                                    }
                                }
                            }
                            
                        })
                    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值