Nút radio là loại đầu vào nhận đầu vào ở dạng tùy chọn. Người dùng sẽ chọn một giá trị từ nhiều lựa chọn. Chỉ có thể chọn một phương án trong số nhiều phương án có thể
Trong bài viết này, chúng ta sẽ khám phá cách tắt nút radio và cách bật lại nút này khi được yêu cầu. Chúng tôi sẽ xem cách các nút radio hoạt động bên trong và cách chúng tôi có thể tắt chúng khi cần
Hầu hết các nút radio chỉ được hiển thị cho người dùng trong một số trường hợp như một phần xác nhận. Khi không cần thiết, chúng tôi có thể vô hiệu hóa chúng để người dùng không chọn một tùy chọn
Tiếp cận
Theo cách tiếp cận này, chúng tôi sẽ sử dụng thuộc tính bị vô hiệu hóa do HTML cung cấp. Thuộc tính này cho phép bạn tắt bất kỳ phần tử HTML nào. Đây là một thuộc tính có giá trị boolean chỉ có hai giá trị i. e. đúng hay sai. Khi vô hiệu hóa được sử dụng, nó sẽ vô hiệu hóa phần tử HTML cụ thể đó. Giá trị mặc định của bị vô hiệu hóa là sai
Thí dụ
Trong ví dụ dưới đây, chúng tôi đang so sánh một chuỗi với biểu thức regex và trả về chỉ mục của nó nếu chuỗi khớp. Nếu không, -1 sẽ được trả về
# mục lục. html
Welcome To Tutorials Point
Do you like sports ?
Yes No
If No, Choose your favourite sport.
Cricket Football Basket Ball Others
Submit
đầu ra
Đối với câu hỏi “Bạn có thích thể thao không?”, nếu bạn chọn “Có” thì nút radio không bị tắt nhưng nếu bạn chọn “Không” thì nút radio sẽ bị tắt
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