Hướng dẫn bootstrap checkbox on checked - hộp kiểm bootstrap được chọn

Cách tiếp cận

Các hộp kiểm và radio mặc định của Trình duyệt được thay thế bằng sự trợ giúp của

  
  
    Indeterminate checkbox
  

7, một loạt các lớp cho cả hai loại đầu vào giúp cải thiện cách bố trí và hành vi của các phần tử HTML của chúng, cung cấp tùy chỉnh lớn hơn và tính nhất quán của trình duyệt chéo. Hộp kiểm là để chọn một hoặc một số tùy chọn trong danh sách, trong khi radio để chọn một tùy chọn từ nhiều người.

Về mặt cấu trúc,

  
  
    Indeterminate checkbox
  

8 và

  
  
    Indeterminate checkbox
  

9 của chúng tôi là các yếu tố anh chị em trái ngược với

  
  
    Indeterminate checkbox
  

8 trong một

  
  
    Indeterminate checkbox
  

9. Đây là một chút dài dòng hơn một chút vì bạn phải chỉ định các thuộc tính

  
  
    Disabled checkbox
  


  
  
    Disabled checked checkbox
  

2 và

  
  
    Disabled checkbox
  


  
  
    Disabled checked checkbox
  

3 để liên quan đến

  
  
    Indeterminate checkbox
  

8 và

  
  
    Indeterminate checkbox
  

9. Chúng tôi sử dụng bộ chọn anh chị em [

  
  
    Disabled checkbox
  


  
  
    Disabled checked checkbox
  

6] cho tất cả các tiểu bang

  
  
    Indeterminate checkbox
  

8 của chúng tôi, như

  
  
    Disabled checkbox
  


  
  
    Disabled checked checkbox
  

8 hoặc

  
  
    Disabled checkbox
  


  
  
    Disabled checked checkbox
  

9. Khi kết hợp với lớp

  
  
    Default radio
  


  
  
    Default checked radio
  

0, chúng ta có thể dễ dàng tạo kiểu văn bản cho từng mục dựa trên trạng thái ____ 18 18.

Kiểm tra của chúng tôi sử dụng các biểu tượng Bootstrap tùy chỉnh để chỉ ra các trạng thái được kiểm tra hoặc không xác định.

Séc

Hộp kiểm mặc định

Hộp kiểm đã kiểm tra

  
  
    Default checkbox
  


  
  
    Checked checkbox
  

Không xác định

Các hộp kiểm có thể sử dụng lớp giả

  
  
    Default radio
  


  
  
    Default checked radio
  

2 khi được đặt thủ công qua JavaScript [không có thuộc tính HTML có sẵn để chỉ định nó].

  
  
    Indeterminate checkbox
  

Vô hiệu hóa

Thêm thuộc tính

  
  
    Default radio
  


  
  
    Default checked radio
  

3 và các

  
  
    Indeterminate checkbox
  

9 được liên kết được tự động tạo kiểu để khớp với màu nhạt hơn để giúp chỉ ra trạng thái đầu vào.

Hộp kiểm bị vô hiệu hóa

Hộp kiểm đã bị vô hiệu hóa

  
  
    Disabled checkbox
  


  
  
    Disabled checked checkbox
  

Radio

Đài phát thanh mặc định

Đài phát thanh đã kiểm tra mặc định

  
  
    Default radio
  


  
  
    Default checked radio
  

Vô hiệu hóa

Thêm thuộc tính

  
  
    Default radio
  


  
  
    Default checked radio
  

3 và các

  
  
    Indeterminate checkbox
  

9 được liên kết được tự động tạo kiểu để khớp với màu nhạt hơn để giúp chỉ ra trạng thái đầu vào.

Hộp kiểm bị vô hiệu hóa

Hộp kiểm đã bị vô hiệu hóa

  
  
    Disabled radio
  


  
  
    Disabled checked radio
  

Radio

Đài phát thanh mặc định

Đài phát thanh đã kiểm tra mặc định

Đài phát thanh bị vô hiệu hóa

Radio đã bị vô hiệu hóa

Chuyển đổi

  
  Default switch checkbox input


  
  Checked switch checkbox input


  
  Disabled switch checkbox input


  
  Disabled checked switch checkbox input

Một công tắc có đánh dấu của hộp kiểm tùy chỉnh nhưng sử dụng lớp

  
  
    Default radio
  


  
  
    Default checked radio
  

7 để hiển thị công tắc chuyển đổi. Các công tắc cũng hỗ trợ thuộc tính

  
  
    Default radio
  


  
  
    Default checked radio
  

3.

Đầu vào hộp kiểm chuyển đổi mặc định

Hộp kiểm mặc định

Hộp kiểm bị vô hiệu hóa

  
  
    Default checkbox
  


  
  
    Disabled checkbox
  

Đài phát thanh mặc định

Đài phát thanh đã kiểm tra mặc định

Hộp kiểm bị vô hiệu hóa

  
  
    Default radio
  


  
  
    Second default radio
  


  
  
    Disabled radio
  

Hộp kiểm đã bị vô hiệu hóa

Radio

  
  1


  
  2


  
  3 [disabled]

  
  1


  
  2


  
  3 [disabled]

Đài phát thanh mặc định

Đài phát thanh đã kiểm tra mặc định

  
  
    Indeterminate checkbox
  

0

Đài phát thanh bị vô hiệu hóa

Radio đã bị vô hiệu hóa

Chuyển đổi

Một công tắc có đánh dấu của hộp kiểm tùy chỉnh nhưng sử dụng lớp

  
  
    Default radio
  


  
  
    Default checked radio
  

7 để hiển thị công tắc chuyển đổi. Các công tắc cũng hỗ trợ thuộc tính

  
  
    Default radio
  


  
  
    Default checked radio
  

3.

  
  
    Indeterminate checkbox
  

1

Đầu vào hộp kiểm chuyển đổi mặc định

  
  
    Indeterminate checkbox
  

2

Hộp kiểm Công tắc đã kiểm tra đầu vào

  
  
    Indeterminate checkbox
  

3

Hộp kiểm Công tắc bị vô hiệu hóa đầu vào

Đầu vào hộp kiểm chuyển đổi đã vô hiệu hóa đầu vào

Mặc định [xếp chồng]

  
  
    Indeterminate checkbox
  

4

Theo mặc định, bất kỳ số lượng kiểm tra và radio nào là anh chị em ngay lập tức sẽ được xếp theo chiều dọc và cách nhau một cách thích hợp với

  
  
    Indeterminate checkbox
  

7.

Đài phát thanh mặc định thứ hai

Nội tuyến
Checked
Checked success radio Danger radio

  
  
    Indeterminate checkbox
  

5

Hộp kiểm nhóm hoặc radio trên cùng một hàng ngang bằng cách thêm

  
  
    Disabled radio
  


  
  
    Disabled checked radio
  

0 vào bất kỳ

  
  
    Indeterminate checkbox
  

7 nào.

Không có nhãn

  
  
    Indeterminate checkbox
  

6