Plugin đa lựa chọn bootstrap 5
Bootstrap MultiSelect là một plugin dựa trên jQuery cho phép người dùng đánh dấu nhiều tùy chọn từ lựa chọn tiêu chuẩn Bootstrap Show
Việc khai thác của nó khá đơn giản và trao đổi mang lại rất nhiều giá trị UX Ví dụ về sử dụng bootstrap đa hướng
Xem các ví dụ thả xuống Mutliselect sau Multiselect defaultVí dụ cơ bản của thành phần lựa chọn cho phép bạn chọn từ một số tùy chọn
Khởi tạo
Thành phần MDB Pro tiêu chuẩn MDB ProMultiSelect with a mdb pro mdb sectionMultisect full color with thành phần mdb pro mdbMultiSelect with the options group Thành phần MDB ProMultiSelect với các biểu tượng MDB Pro thành phần MultiSelect với các biểu tượng MDB Pro thành phầnMultiSelect with Search Box MDB Pro Thành phầnMultiSelect with label and search box MDB Pro Thành phầnMultisect full color with label and box search MDB Pro Thành phầnMultiSelect với các tùy chọn nhóm và hộp tìm kiếm MDB Pro Thành phầnMultiSelect với các biểu tượng và hộp tìm kiếm MDB Pro Thành phần MultiSelect với các biểu tượng và hộp tìm kiếm MDB Pro Thành phầnMultiSelect với các biểu tượng FA và Hộp tìm kiếm MDB Pro Thành phần MultiSelect với các biểu tượng FA và Hộp tìm kiếm MDB Pro Thành phầnLựa chọn tài liệu với các phần của bản dịch MDB ProLựa chọn tài liệu với các phần MDB Pro MDB nâng cấp caoMultiSelect with Type Bootstrap MDB Pro Thành phầnThành phần xác thực Multisselect MDB ProTùy chọn đa lựa chọn và thuộc tính MDB Pro Thành phầnĐa lựa chọn V20 V02 đa lựa chọn Hơn nữa, các trạng thái xuất hiện trong thanh ở trên và các lựa chọn thả xuống chuyển sang màu xanh lá cây và có một dấu kiểm tra. Khi giới hạn được trả lời, hiệu ứng nhấp chuột vẫn còn đó, nhưng lựa chọn không xảy ra V18 đa lựa chọn người dùng ở mọi cấp độ kỹ năng. người dùng thuộc mọi cấp độ kỹ năng MultiSelect V18 là một bản thả xuống đa loại bootstrap khá tiên tiến với các đặc điểm khác nhau làm cho nó nổi bật Đầu tiên, trước tiên, nó có các nhóm trong việc thả lỏng, phá vỡ mọi thứ một cách đẹp mắt để nâng cao trải nghiệm người dùng. Hơn nữa, mỗi nhóm có một giới hạn riêng lẻ của các lựa chọn được lựa chọn, chẳng hạn như với tiện ích trước đó Mặc dù đa dạng này được dành cho các quốc gia ra khỏi hộp, nhưng bạn không cần phải giới hạn bản thân, định dạng hoặc định dạng. đưa nó đến tổng lợi thế của bạn và tiết kiệm thời gian. ý tưởng đơn giản về phát triển ý tưởng đơn giản về phát triển V19 đa lựa chọn Một sự giải thoát dễ dàng và xung quanh với tính năng đa lựa chọn mà bây giờ bạn có thể tạo ra của bạn mà không cần phải dành một xu. tuy nhiên bạn muốn. tuy nhiên bạn muốn Multiselect V19 là tuyệt vời cho tất cả các loại lựa chọn, bởi vì bạn sẽ dễ dàng điều chỉnh và cải tiến để làm cho nó phù hợp với nhu cầu của bạn Khi chọn các mục khác nhau, bạn có thể thực hiện điều đó từ việc thả xuống bằng con trỏ chuột hoặc thậm chí nhập nó vào thanh và nhấn enter. Hơn nữa, mỗi lựa chọn cũng chuyển sang màu xám, nhưng bạn có thể bỏ chọn nó bằng cách nhấn nút X Đa lựa chọn V20Làm cho nó dễ dàng và thuận tiện cho người dùng của bạn chọn các chủ đề khác nhau với V02 đa lựa chọn. Nó là một bootstrap tiện ích xuất hiện trên thanh lịch trên các thiết bị di động và máy tính để bàn. xuất hiện trang nhã trên thiết bị di động và máy tính để bàn Các tiện ích này theo một cái nhìn khá đơn giản, chắc chắn rằng bạn đã không thực hiện bất kỳ thay đổi nào cho nó thay vì sử dụng nó. sử dụng thoải mái và hiệu quả cái này cho mọi thứ Khi bạn chọn chủ đề, nó sẽ xuất hiện trong trường hiển thị với tùy chọn nhấp vào dấu X để xóa nó. Cho dù đó là chọn một chủ đề hay tất cả, điều này hỗ trợ nhiều loại Đa lựa chọn V03 Thêm thông tin / tải xuống bản demo V02 đa lựa chọnLàm cho nó dễ dàng và thuận tiện cho người dùng của bạn chọn các chủ đề khác nhau với V02 đa lựa chọn. Nó là một bootstrap tiện ích xuất hiện trên thanh lịch trên các thiết bị di động và máy tính để bàn. xuất hiện trang nhã trên thiết bị di động và máy tính để bàn Các tiện ích này theo một cái nhìn khá đơn giản, chắc chắn rằng bạn đã không thực hiện bất kỳ thay đổi nào cho nó thay vì sử dụng nó Khi bạn chọn chủ đề, nó sẽ xuất hiện trong trường hiển thị với tùy chọn nhấp vào dấu X để xóa nó. Cho dù đó là chọn một chủ đề hay tất cả, điều này hỗ trợ nhiều loại Thêm thông tin / tải xuống bản demo V07 đa lựa chọnMột số đa dạng từ bộ sưu tập này là tối thiểu, trong khi một số khác đến mức sáng tạo. Nếu bạn thích cái sau nhiều hơn, bạn nên xem qua hiệu suất của MultiSelect V07 Nó có một trường phản hồi trên di chuột, thay đổi màu sắc của văn bản và phác thảo. Khi bạn nhấp vào nó, việc thả xuống táo bạo xuất hiện với các chủ đề khác nhau biến mất từ việc thả xuống và xuất hiện trong thanh chính trên cú nhấp chuột Please continue, try and verify it Thêm thông tin / tải xuống bản demo V08 đa lựa chọnNhiều loại bootstrap có thể bao gồm các chủ đề hoặc vật phẩm, nhưng bạn cũng có thể chia chúng thành các danh mục khác nhau. danh mục khác nhau. danh mục khác nhau Điều này đặc biệt hữu ích nếu có rất nhiều mặt hàng, vì nó sẽ nâng cao trải nghiệm của người dùng khi tìm thấy những thứ mà họ quan tâm Multiselect V08 là một minh họa tuyệt vời về điều đó, mà bây giờ bạn có thể đưa vào chơi và làm cho mọi thứ diễn ra nhanh chóng Nó cũng có hiệu ứng di chuột và cấu trúc mã thân thiện với người mới để mọi người tận hưởng tối đa nó Thêm thông tin / tải xuống bản demo Đa lựa chọn V09Đối với tất cả những người đến với bộ sưu tập này để tìm kiếm một đoạn trích tối đa, hãy tự mình làm và chọn V09 Multiselect V09. Đó là một sự thay thế hiện đại với tất cả những gì cần thiết để giúp bạn tiến về phía trước ngay lập tức. đoạn trích chọn nhiều màu tối, hãy ưu tiên cho mình và chọn Multiselect V09. Đó là một giải pháp thay thế hiện đại với tất cả những gì cần thiết để giúp bạn tiến lên phía trước ngay lập tức. đoạn trích chọn nhiều màu tối, hãy ưu tiên cho mình và chọn Multiselect V09. Đó là một giải pháp thay thế hiện đại với tất cả những gì cần thiết để giúp bạn tiến lên phía trước ngay lập tức Công cụ này được tối ưu hóa cho hiệu suất di động và máy tính để bàn tuyệt vời và bao gồm mã dễ tiêu hóa V09 Multisect V09 làm phong phú thứ nhất với tông màu vàng hấp dẫn để làm cho bài thuyết trình tổng khả năng hoạt động và hấp dẫn hơn đối với mắt Thêm thông tin / tải xuống bản demo V10 đa lựa chọnTìm kiếm chúng bằng cách cuộn có thể rất bất tiện cho một người đa dạng với một số mảnh vỡ trong đó. Để làm cho cuộc sống của người dùng trở nên đơn giản hơn, đây là V10 MultiSelect V10 Đoạn trích miễn phí này đi kèm với chức năng tìm kiếm trực tiếp thực tế để thấy các lượt truy cập ngay khi bạn bắt đầu nhập. chức năng tìm kiếm trực tiếp hiển thị các lượt truy cập ngay khi bạn bắt đầu nhập. chức năng tìm kiếm trực tiếp hiển thị các lượt truy cập ngay khi bạn bắt đầu nhập Sau đó, bạn có thể nhấp vào biểu tượng X để xóa thanh tìm kiếm và bắt đầu bằng một tìm kiếm mới Thêm thông tin / tải xuống bản demo V11 đa lựa chọnBootstrap Multisectelect này có hai cách chọn các mục từ công việc thả xuống Đầu tiên, bạn có thể duyệt chúng và chọn những cái bạn thích bằng cách nhấp vào chúng. nhấp vào chúng. nhấp vào chúng Và thứ hai, MultiSelect này cũng cung cấp các lựa chọn bằng cách nhập nó xuống và phân chia các lựa chọn khác nhau bằng dấu phẩy. gõ nó xuống và tách các lựa chọn khác nhau bằng dấu phẩy. gõ nó xuống và tách các lựa chọn khác nhau bằng dấu phẩy Một điều thú vị khác về V11 Multiselect là chức năng tìm kiếm trực tiếp cung cấp nghiên cứu nhanh trực tiếp từ thành chính. Ngoài ra, các mục mà bạn chọn chuyển sang màu xám để hiển thị tốt hơn Thêm thông tin / tải xuống bản demo V12 đa lựa chọnMultiselect V12 biết cách kết hợp đơn giản với tính thực tế cho trải nghiệm người dùng tuyệt vời Mặc dù công cụ miễn phí tập tin trung vào các trạng thái theo mặc định, nhưng việc thả xuống nhiều loại này với chức năng tìm kiếm trực tiếp (tách biệt với dấu phẩy) là tuyệt vời cho bất kỳ điều gì khác Bạn có thể sử dụng nó để chọn chủ đề, vật phẩm, ngôn ngữ, tốt, bạn nhận được ý chính của nó - mọi thứ hoạt động. làm tất cả mọi việc. làm tất cả mọi việc Thêm thông tin / tải xuống bản demo V12 đa lựa chọnMultiselect V12 biết cách kết hợp đơn giản với tính thực tế cho trải nghiệm người dùng tuyệt vời Mặc dù công cụ miễn phí tập tin trung vào các trạng thái theo mặc định, nhưng việc thả xuống nhiều loại này với chức năng tìm kiếm trực tiếp (tách biệt với dấu phẩy) là tuyệt vời cho bất kỳ điều gì khác. trình đơn thả xuống là tất cả những tính năng mà Multiselect V13 tạo ra Thêm thông tin / tải xuống bản demo V12 đa lựa chọnMultiselect V12 biết cách kết hợp đơn giản với tính thực tế cho trải nghiệm người dùng tuyệt vời Mặc dù công cụ miễn phí tập tin trung vào các trạng thái theo mặc định, nhưng việc thả xuống nhiều loại này với chức năng tìm kiếm trực tiếp (tách biệt với dấu phẩy) là tuyệt vời cho bất kỳ điều gì khác. nút chọn tất cả” để chọn toàn bộ danh sách Bạn có thể sử dụng nó để chọn chủ đề, vật phẩm, ngôn ngữ, tốt, bạn nhận được ý chính của nó - mọi thứ hoạt động. làm tất cả mọi việc. thiêt bị di động Thêm thông tin / tải xuống bản demo Mặc dù công cụ miễn phí tập tin trung vào các trạng thái theo mặc định, nhưng việc thả xuống nhiều loại này với chức năng tìm kiếm trực tiếp (tách biệt với dấu phẩy) là tuyệt vời cho bất kỳ điều gì khác. trình đơn thả xuống là tất cả những tính năng mà Multiselect V13 tạo raMặc dù công cụ miễn phí tập tin trung vào các trạng thái theo mặc định, nhưng việc thả xuống nhiều loại này với chức năng tìm kiếm trực tiếp (tách biệt với dấu phẩy) là tuyệt vời cho bất kỳ điều gì khác. nút chọn tất cả” để chọn toàn bộ danh sách. ba cột có chức năng tương tự Cái này có một màu ngọc lam tuyệt đẹp. Tìm kiếm trực tiếp, phân tách vật chất ủy nhiệm hoặc tùy chọn thủ công từ thả xuống là tất cả các tính năng mà các loại đá V13 đa dạng V14 đa lựa chọn Thêm thông tin / tải xuống bản demo Multiselect V14 là một đoạn trích miễn phí tuyệt vời để lựa chọn quốc gia. Khi bạn nhấp vào thanh, một thả xuống sẽ mở ra với năm mươi tiểu bangMặc dù bạn có thể chọn bao nhiêu hoặc ít tùy thích, nhưng cũng có một nút nhanh chóng chọn tất cả các nút để chọn toàn bộ danh sách. hiện đại và tối thiểu với một vài tính năng thú vị. hiện đại và tối thiểu với một vài tính năng thú vị Hơn nữa, tên của bóng tối đa xuất hiện trong thanh nhưng bất cứ điều gì nhiều hơn thế, tiện ích hiển thị một số. Bố cục cũng định hình lại ngay lập tức cho các thiết bị di động V15 đa lựa chọn Thêm thông tin / tải xuống bản demo Multiselect V14 là một đoạn trích miễn phí tuyệt vời để lựa chọn quốc gia. Khi bạn nhấp vào thanh, một thả xuống sẽ mở ra với năm mươi tiểu bangMặc dù bạn có thể chọn bao nhiêu hoặc ít tùy thích, nhưng cũng có một nút nhanh chóng chọn tất cả các nút để chọn toàn bộ danh sách. hiện đại và tối thiểu với một vài tính năng thú vị. số lượng lựa chọn mà người dùng có thể thực hiện. Nếu đây là trường hợp, đó là khi Multiselect V17 phát huy tác dụng. Đoạn mã miễn phí này giới hạn lựa chọn ở bảy, nhưng bạn có thể thực hiện các thay đổi nếu cần Hơn nữa, tên của bóng tối đa xuất hiện trong thanh nhưng bất cứ điều gì nhiều hơn thế, tiện ích hiển thị một số. Bố cục cũng định hình lại ngay lập tức cho các thiết bị di động Thêm thông tin / tải xuống bản demo Multiselect V14 là một đoạn trích miễn phí tuyệt vời để lựa chọn quốc gia. Khi bạn nhấp vào thanh, một thả xuống sẽ mở ra với năm mươi tiểu bangMặc dù bạn có thể chọn bao nhiêu hoặc ít tùy thích, nhưng cũng có một nút nhanh chóng chọn tất cả các nút để chọn toàn bộ danh sách. hiện đại và tối thiểu với một vài tính năng thú vị Hơn nữa, tên của bóng tối đa xuất hiện trong thanh nhưng bất cứ điều gì nhiều hơn thế, tiện ích hiển thị một số. Bố cục cũng định hình lại ngay lập tức cho các thiết bị di động. chia nhỏ mọi thứ một cách đẹp mắt để nâng cao trải nghiệm người dùng. Hơn nữa, mỗi nhóm có một giới hạn lựa chọn riêng, giống như với tiện ích con trước đó V15 đa lựa chọn Thêm thông tin / tải xuống bản demo Multiselect V14 là một đoạn trích miễn phí tuyệt vời để lựa chọn quốc gia. Khi bạn nhấp vào thanh, một thả xuống sẽ mở ra với năm mươi tiểu bangMặc dù bạn có thể chọn bao nhiêu hoặc ít tùy thích, nhưng cũng có một nút nhanh chóng chọn tất cả các nút để chọn toàn bộ danh sách. hiện đại và tối thiểu với một vài tính năng thú vị Hơn nữa, tên của bóng tối đa xuất hiện trong thanh nhưng bất cứ điều gì nhiều hơn thế, tiện ích hiển thị một số. Bố cục cũng định hình lại ngay lập tức cho các thiết bị di động. tất cả các loại lựa chọn, vì bạn sẽ dễ dàng thực hiện các điều chỉnh và cải tiến để phù hợp với nhu cầu của mình V15 đa chọn bỏ chọn bằng cách nhấn nút X Thêm thông tin / tải xuống bản demo Multiselect V14 là một đoạn trích miễn phí tuyệt vời để lựa chọn quốc gia. Khi bạn nhấp vào thanh, một thả xuống sẽ mở ra với năm mươi tiểu bangMặc dù bạn có thể chọn bao nhiêu hoặc ít tùy thích, nhưng cũng có một nút nhanh chóng chọn tất cả các nút để chọn toàn bộ danh sách. hiện đại và tối thiểu với một vài tính năng thú vị Hơn nữa, tên của bóng tối đa xuất hiện trong thanh nhưng bất cứ điều gì nhiều hơn thế, tiện ích hiển thị một số. Bố cục cũng định hình lại ngay lập tức cho các thiết bị di động. danh mục và giới hạn số lượng mục mà một người có thể chọn bằng cách chọn nhiều. Việc lựa chọn xảy ra bằng cách thu thập các mục từ trình đơn thả xuống hoặc nhập nó xuống và nhấn enter (tích hợp tính năng tìm kiếm trực tiếp) V15 đa lựa chọn Thêm thông tin / tải xuống bản demo Nếu bạn quan tâm đến các phong cách tương tự của Bootstrap Multiselects Dropdown so với trước đó, V15 MultiSelect là một sự thay thế tuyệt vời. Nó hiển thị các loại trạng thái trong ba cột có chức năng tương tự |