Làm cách nào để tạo các nút radio Không thể chọn trong HTML?

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




<html lang="en">

 

<head>

 

<0<1

<0<<4>

<6<7

<8<9

<8html1

<8html3

<8html5

<8html7

<6html9

 

<6lang1

<8lang3

<8lang5

<8lang7

<8<9

<8=1

<8html1

<8html3

<8=7

<8=9

<8"en"1

<8"en"3

<8"en"5

<8"en"7

<6html9

 

<6>1

<8>3

<8>5

<8>7

<8=9

<8<1

<8<3

<8"en"5

<8<7

<8<9

<8head1

<8head3

<6html9

 

<6head7

<8head9

<8<3

<6html9

<0>5_______2_______4>

>5head>

 

<<02______7_______

<0<<06 <07_______5_______<09>

<6<___<13<14<13>

 

<6<<06 <07_______5_______<22>

<8<<26>

<28<___<30 <31_______5_______<33 <34________5____2_______36

<37_______2_______38=___<40 <41=2_______40 <44

<8>5<26>

<8<<26>

<28<___<30 <31_______5_______<33 <34=2_______36 <38=<64

<37_______2_______41=___<64 <69=<71 <72

<8>5<26>

<6>5<06>

 

<6<2_______83>

<8<86

<8<88

<6>5<83>

<6

<6<<06 <07_______5_______<99>

<8<<26>

<28<___<30 <34_______5_______<36 <31_______5____3_______13

<37_______2_______38=___html17 <41=3_______20 html21<26_______7_______

<8<<26>

<28<___<30 <34_______5_______<36 <31_______5____3_______13

<37_______2_______38=___html40 <41=3_______43 html44<26>

<8<<26>

<28<___<30 <34_______5_______<36 <31_______5____3_______13

<37_______2_______38=___html63 <41=3_______66 html67<26>

<8<<26>

<28<___<30 <34_______5_______<36 <31_______5____3_______13

<37_______2_______38=___html86 <41_______5_______3_______89 html90

<37_______3_______92

<28>5<26>

<6>5<06>

 

<6<___lang03 <38_______5__________lang06 lang07=2_______40>

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

Đặt thuộc tính bị vô hiệu hóa. radioObject. vô hiệu hóa = đúng. false; Ở đây, true= nút radio bị vô hiệu hóa và false=nút radio không bị vô hiệu hóa.

Có thể bỏ chọn các nút radio không?

Cho dù bạn cố gắng thế nào, bạn không thể tắt các nút radio bằng cách nhấp vào chúng . Phải nhấp vào một lựa chọn khác để bỏ chọn lựa chọn hiện tại. Vì không có tùy chọn nào là cần thiết hoặc có thể áp dụng nên khi một giá trị đã được chọn, nó sẽ không thể thay đổi được.