Làm cách nào để sử dụng nút chuyển đổi trong bootstrap?

Công tắc chuyển đổi Bootstrap là một thành phần đơn giản được sử dụng để kích hoạt một trong hai tùy chọn đã cho. Thường được sử dụng làm nút bật/tắt

Khung CSS là một thư viện cho phép thiết kế web dễ dàng hơn, tuân thủ các tiêu chuẩn hơn bằng cách sử dụng ngôn ngữ Cascading Style Sheets. Bootstrap 4 là một trong những khung CSS được sử dụng rộng rãi như vậy được các nhà phát triển web sử dụng để xây dựng các ứng dụng web tương tác thân thiện với người dùng. Bootstrap cùng với JavaScript giúp phát triển giao diện người dùng đáp ứng.  

Tiếp cận

  • Bootstrap có thuộc tính chuyển đổi dữ liệu sẵn có được sử dụng để chuyển đổi các phần tử Bootstrap.  
  • Ở đây phương thức bootstrapToggle[] được sử dụng để thực hiện tác vụ. Phương thức bootstrapToggle[] cho phép chuyển đổi công tắc. Nếu công tắc bị tắt và người dùng nhấp vào hộp kiểm thì công tắc sẽ chuyển sang trạng thái đã bật. Nếu hộp kiểm ở trạng thái đã bật thì phương thức bootstrapToggle[] sẽ chuyển nó sang trạng thái đã tắt.  

Đoạn mã bên dưới minh họa một công tắc bật tắt bằng JavaScript

Ví dụ.
 

html




 

 

    

Chủ Đề