Bootstrap 3 thả xuống nhiều lựa chọn với hộp kiểm



Trong bài đăng này, chúng ta sẽ thảo luận về cách tạo nhiều hộp danh sách thả xuống chọn với tùy chọn chọn hộp kiểm bằng cách sử dụng plugin Bootstrap Multiselect. Trong một trong những bài đăng trước, chúng tôi đã thảo luận về danh sách thả xuống nhiều lựa chọn bằng cách sử dụng plugin Bootstrap, nhưng trong plugin đó không có chức năng chọn tùy chọn hộp kiểm. Nếu bạn đã sử dụng plugin này để tạo danh sách thả xuống nhiều lựa chọn thì để chọn nhiều tùy chọn sẽ có hộp kiểm, vì vậy bằng cách chọn hộp kiểm, chúng tôi có thể chọn nhiều tùy chọn từ hộp danh sách thả xuống.

Trong bài đăng này, chúng tôi sẽ thảo luận về cách sử dụng plugin Bootstrap Multiselect này để tạo tùy chọn nhiều lựa chọn với hộp kiểm trong hộp danh sách thả xuống. Vì vậy, chúng tôi sẽ tạo ứng dụng đơn giản bằng PHP để chèn giá trị của tùy chọn nhiều lựa chọn này để chúng tôi có thể hiểu cách sử dụng loại tùy chọn nhiều lựa chọn này với PHP để tạo loại ứng dụng web thực sự.

Để gọi plugin này, chúng tôi đã sử dụng phương thức multiselect(), bằng cách sử dụng phương thức này, chúng tôi có thể gọi plugin này trong jquery. Trong phương pháp này, có nhiều tùy chọn có sẵn để thực hiện thả xuống tùy chọn hộp kiểm nhiều lựa chọn theo yêu cầu của chúng tôi. Ví dụ: giả sử bạn muốn bật bộ lọc tìm kiếm vào tài khoản đăng của mình thì bạn phải thêm tùy chọn enableFiltering vào phương thức của mình với giá trị true. Vì vậy, plugin này sẽ tìm kiếm hộp văn bản trong hộp danh sách thả xuống của bạn. Vì vậy, bạn có thể dễ dàng tìm kiếm tùy chọn của mình bằng cách viết truy vấn vào hộp văn bản.

Nếu bạn đã phát triển bất kỳ ứng dụng web nào và trong đó bạn muốn yêu cầu người dùng có thể chọn nhiều tùy chọn từ trình đơn thả xuống, vì vậy nếu bạn đã sử dụng hộp chọn đơn giản với nhiều thuộc tính, thì người dùng có thể chọn nhiều tùy chọn, . Nhưng giả sử bạn đã sử dụng plugin này thì người dùng có thể dễ dàng hiểu rằng anh ta có thể chọn nhiều tùy chọn từ danh sách tùy chọn. Ở đây chúng ta sẽ thấy ví dụ đơn giản với loại hộp danh sách thả xuống đa lựa chọn này. Chúng tôi sẽ chèn giá trị của danh sách thả xuống nhiều lựa chọn bằng cách sử dụng Ajax JQuery với PHP.


Bản trình diễn trực tuyến



Bootstrap 3 thả xuống nhiều lựa chọn với hộp kiểm


Mã nguồn


mục lục. php





 
  Webslesson Tutorial | Bootstrap Multi Select Dropdown with Checkboxes using Jquery in PHP
  
    
  
  
  
  
 
 
  

Bootstrap Multi Select Dropdown with Checkboxes using Jquery in PHP





chèn. php





  • Chia sẻ cái này.   
  • Facebook
  • Twitter
  • Google+
  • Tình cờ gặp
  • đào

Làm cách nào để tạo danh sách thả xuống nhiều lựa chọn với hộp kiểm trong Bootstrap?

Cách sử dụng trình đơn thả xuống nhiều lựa chọn của Bootstrap .
Trước hết hãy tải khung công tác jQuery và Bootstrap vào tài liệu HTML của bạn. .
Sau đó, đưa tệp CSS và JavaScript của Bootstrap multiselect vào trang của bạn. .
Bây giờ hãy tạo phần tử chọn HTML với danh sách các tùy chọn của bạn với một id duy nhất

Làm cách nào để chọn nhiều hộp kiểm trong Bootstrap?

Ví dụ. .
<đầu>
Jquery nhiều lựa chọn với các hộp kiểm bằng cách sử dụng bootstrap-multiselect. js
.
Chọn ngôn ngữ.
.