Làm cách nào để tắt nút radio trong Bootstrap?

thận trọng. Các đạo cụ hỗ trợ các chuỗi HTML [_______0_______6] có thể dễ bị tấn công Cross Site Scripting [XSS] khi chuyển các giá trị thô do người dùng cung cấp. Trước tiên, bạn phải vệ sinh đúng cách đầu vào của người dùng

Lớp radio là một trình bao bọc đơn giản xung quanh các phần tử HTML . Nó không được tạo kiểu có chủ ý, để duy trì khả năng tương thích giữa các trình duyệt và trải nghiệm người dùng

Đảm bảo các nút radio được liên kết có cùng giá trị cho thuộc tính HTML name của chúng

Trong HTML, chúng tôi có một tính năng mà qua đó chúng tôi có thể chọn một tùy chọn trong số nhiều tùy chọn đã cho và chúng tôi có thể làm điều đó với sự trợ giúp của nút Radio. Vì vậy, trong bài viết này, chúng ta sẽ tìm hiểu cách có thể tắt các nút radio này trong một số trường hợp. chúng ta sẽ xem các nút radio hoạt động như thế nào và tại sao chúng ta cần tắt chúng, chúng ta sẽ có một số ví dụ tiêu chuẩn để hiểu rõ hơn về những gì chúng ta sẽ làm

Các nút radio về cơ bản là một số nút có thể chọn, chúng ta có thể sử dụng các nút này để chọn một tùy chọn duy nhất từ ​​nhiều tùy chọn đã cho và chúng ta phải chọn gần như một tùy chọn từ tất cả các tùy chọn nút radio

Tại sao chúng ta cần vô hiệu hóa chúng?

Chúng tôi sử dụng các nút radio để chọn bất kỳ một tùy chọn nào từ nhiều tùy chọn, nhưng trong một số trường hợp, chúng tôi phải tắt chúng. ví dụ: chúng tôi có hai câu hỏi là chúng tôi có thích chơi trò chơi hay không, nếu chúng tôi chọn có thì chúng tôi có thể chọn bất kỳ tùy chọn nào trong số nhiều tùy chọn, nhưng nếu chúng tôi chọn không ngay từ đầu thì chúng tôi phải tắt các tùy chọn trò chơi mà chúng tôi sử dụng.

Làm thế nào chúng ta sẽ vô hiệu hóa nút radio. Trong HTML cho phần tử đầu vào, chúng ta có một thuộc tính được gọi là bị vô hiệu hóa, đây là thuộc tính có giá trị boolean, chúng ta có thể chọn giữa đúng hoặc sai, chúng ta sẽ sử dụng thuộc tính này để vô hiệu hóa nút radio.  

ví dụ 1. Trong ví dụ này, chúng tôi có hai câu hỏi, câu hỏi đầu tiên là câu hỏi “có” hoặc “không”, nếu người dùng chọn “có” thì các nút radio sẽ không bị tắt nếu người dùng chọn “không” thì chúng tôi sẽ tắt các nút radio.  

HTML




 

 

Chủ Đề