Nút radio HTML được kiểm tra theo mặc định
Để chuẩn bị hoặc OnReady, bạn nên gán giá trị của nút radio mặc định đó cho biến mà bạn đang sử dụng. Một cách khác là gán giá trị đó làm giá trị mặc định của biến Show Vui lòng xem các bất động sản dưới đây Tôi phải tạo một bộ tùy chọn làm nút radio. Tuy nhiên, ở đây, tôi không muốn bất kỳ nút radio nào được chọn khi màn hình được khởi chạy lần đầu tiên. Đó là, không có nút radio mặc định nào được chọn Xin vui lòng cho tôi biết làm thế nào để làm điều này Cảm ơn rất nhiều trước Phần thưởng được đảm bảo Trân trọng, Tush Bản tóm tắt. trong hướng dẫn này, bạn sẽ học cách sử dụng JavaScript để kiểm tra nút radio nào trong nhóm radio được chọn Giới thiệu về nút radio JavaScriptCác nút radio cho phép bạn chỉ chọn một trong số các tùy chọn loại trừ lẫn nhau được xác định trước. Để tạo nút radio, bạn sử dụng phần tử 5 với kiểu 6. Một nhóm các nút radio được gọi là một nhóm radio Để tạo một nhóm radio, bạn sử dụng một tên chung cho tất cả các nút radio. Ví dụ
Trong ví dụ này, tất cả các nút radio có cùng kích thước tên nhưng giá trị khác nhau. Do đó, bạn chỉ có thể chọn một nút radio tại một thời điểm Để tìm nút radio đã chọn, bạn làm theo các bước sau
Để biết nút radio nào được chọn, bạn sử dụng thuộc tính 1. Ví dụ
Làm thế nào nó hoạt động Đầu tiên, chọn nút có id 2, phần tử đầu ra có id 3 và tất cả các nút radio có tên 4
Thứ hai, đăng ký trình xử lý sự kiện nhấp chuột trên phần tử nút
Thứ ba, lặp lại các nút radio và nhận giá trị của nút radio đã chọn
Nếu một nút radio được chọn, thuộc tính 8 của nó là 0. Sau đó, chúng tôi gán 1 của nút radio đã chọn cho biến 8 Vì chỉ có thể kiểm tra một nút radio trong một nhóm radio tại một thời điểm, nên vòng lặp được kết thúc ngay lập tức bằng câu lệnh 9 Cuối cùng, đặt thông báo cho phần tử đầu ra
Sự kiện thay đổi của nút radioKhi bạn chọn hoặc bỏ chọn một nút radio, nó sẽ kích hoạt sự kiện thay đổi. Để lắng nghe sự kiện thay đổi, bạn sử dụng phương thức addEventListener() như thế này
Bên trong trình xử lý sự kiện thay đổi, bạn có thể truy cập từ khóa 0 để truy cập nút radio. Để kiểm tra xem nút radio có được chọn hay không, bạn có thể sử dụng thuộc tính đã chọn
Để lấy giá trị của nút đã chọn, bạn sử dụng thuộc tính giá trị
Nó sẽ trông như thế này
Ví dụ sau đây tự động tạo nhóm radio và hiển thị giá trị đã chọn khi nút radio được chọn 0 Làm thế nào nó hoạt động Đầu tiên, xác định một mảng các chuỗi giữ kích thước. Trên thực tế, bạn có thể lấy các giá trị này từ cơ sở dữ liệu ở back-end hoặc từ kết quả của lệnh gọi API 1 Thứ hai, tạo các nhóm radio từ các phần tử của mảng kích thước 2 Trong mã này 1) Chọn phần tử có id #group 2) Tạo một nhóm radio bằng phương thức map() với mẫu chữ; Các nút radio có lựa chọn mặc định không?Luôn cung cấp lựa chọn mặc định
Trong trường hợp nút radio điều này có nghĩa là nút radio phải luôn được chọn trước chính xác một tùy chọn. Chọn tùy chọn an toàn và bảo mật nhất (để tránh mất dữ liệu).
Làm cách nào để kiểm tra nút radio đã chọn trong HTML?Thuộc tính đã kiểm tra Radio đầu vào . Kiểm tra và bỏ chọn một nút radio cụ thể. Kiểm tra chức năng() {. Tìm hiểu xem nút radio có được chọn hay không. getElementById("myRadio"). . Sử dụng nút radio để chuyển văn bản trong trường nhập thành chữ hoa. getElementById("tên"). . Một số nút radio trong một hình thức. cà phê var = tài liệu Làm cách nào để đặt nút radio thành kiểm tra theo mặc định trong JavaScript?Không được chọn theo mặc định
. Bất cứ khi nào các nút radio được chọn là đúng, thì nó sẽ được lấy nét tự động theo mặc định. check it as true. Whenever the radio buttons are checked as true, then it will be autofocused by default. |