jq 單選多選 && 多選限制

     new function () {
                 //   單選
                 function radio (x) {
                    x.on('click', function () {
                 $(this).children('i').addClass('active').parents('span').siblings('span').children('i').removeClass('active');
                  });
                 }
                 radio($('.formes label:first span,.formes label:nth-child(2) span,.formes label:nth-child(4) span'));
            // 多選
                function duoRadio (m,n) {
                    m.each(function (index, val) {
                if (m.children('.active').length <= 4) {
                    $(this).click(function () {
                        n.css('color','#333');
                        var _this = $(this).children('i');
                        _this.hasClass('active') ? (_this.removeClass('active')) : (_this.addClass('active'));
                        if (m.children('.active').length > 4) {
                            n.css('color','red');
                        }
                    });
                }
            });
                }
                duoRadio($('#duo1 span'),$('#duo1 h4'));
                duoRadio($('#duo2 span'),$('#duo2 h2'));
              }
複製程式碼