Làm cách nào để bỏ chọn nút radio đã chọn trong JavaScript?
|
Nhưng tôi sẽ có một vài nhóm nút radio trên trang của mình và nội dung html được tải qua ajax, vì vậy tôi muốn viết 1 hàm cho tất cả chúng, thay vì xác định các biến cho từng nhóm nút radio và viết cùng một chức năng cho mọi nút radio Chỉnh sửa. cảm ơn sự giúp đỡ của bạn với các hộp kiểm, nhưng để các hộp kiểm hoạt động như một nhóm nút radio, bạn cần viết javascrip quảng cáo sẽ bỏ chọn tất cả các hộp kiểm khác có cùng tên onclick, tôi đã có nút radio css và việc thêm lớp dễ dàng hơn đối với tôi . //jsfiddle. mạng/wuAWn/9/ Ở bài trước mình đã chia sẻ cách bỏ chọn nút radio nay mình sẽ chia sẻ với các bạn cách chuyển nút radio sang bỏ chọn và kiểm tra bằng sự kiện click button trong javascript/jquery. Để xem mẫu vui lòng xem bên dưới Để bỏ chọn một nút radio, có rất nhiều phương pháp khả dụng, nhưng chúng ta sẽ xem các phương pháp được ưu tiên nhất ví dụ 1. Ví dụ này bỏ chọn nút radio bằng cách sử dụng thuộc tính được kiểm tra Javascript. Thuộc tính JavaScript Radio đã kiểm tra được sử dụng để đặt hoặc trả về trạng thái đã kiểm tra của Nút radio đầu vào. Thuộc tính này được sử dụng để phản ánh thuộc tính được kiểm tra HTML
_______13____105____15____12 Để bỏ chọn nút radio, bạn có thể sử dụng tập lệnh jQuery hoặc JavaScript. Hãy xem cách mỗi người trong số họ làm việc Nếu bạn muốn sử dụng jQuery, thì lựa chọn đúng đắn để bỏ chọn nút radio một cách linh hoạt (chẳng hạn như khi nhấp vào nút) sẽ là sử dụng phương thức prop() Hãy xem nó hoạt động như thế nào Đây là giải pháp JavaScript để bỏ chọn nút radio Phương thức prop() được sử dụng để kiểm tra hoặc bỏ chọn hộp kiểm, chẳng hạn như khi nhấp vào nút. Phương thức yêu cầu jQuery 1. 6+ phiên bản. Phương thức prop() có lợi thế hơn so với phương thức. phương thức attr() khi cài đặt bị vô hiệu hóa và được kiểm tra. Phương thức thao tác với thuộc tính đã chọn và đặt nó thành đúng hoặc sai dựa trên việc bạn muốn kiểm tra hay bỏ chọn nó Để đặt nút radio thành chọn/bỏ chọn, hãy chọn phần tử và đặt thuộc tính Đây là HTML cho các ví dụ trong bài viết này Và đây là mã JavaScript liên quan  Chúng tôi đã chọn nút radio bằng phương pháp Sau đó, chúng tôi đặt thuộc tính được kiểm tra của phần tử thành Nếu bạn cần bỏ chọn một nút radio cụ thể, hãy đặt thuộc tính đã chọn của nó thành Lưu ý rằng việc kiểm tra một nút radio, sẽ tự động bỏ chọn tất cả các nút radio khác có cùng thuộc tính Đầu tiên chúng tôi kiểm tra nút radio Bạn có thể đặt nút radio được kiểm tra theo mặc định bằng cách đặt thuộc tính Lưu ý rằng nếu bạn không gán cùng một giá trị thuộc tính Nếu đây là hành vi mà trường hợp sử dụng của bạn yêu cầu, bạn nên sử dụng hộp kiểm thay vì nút radio Bạn có thể xem các ví dụ trực tuyến sử dụng phương pháp Điều này cũng hoàn toàn ổn, tuy nhiên có một số điều cần lưu ý khi sử dụng phương pháp Phương thức nhận 2 tham số sau
Nếu thuộc tính đã tồn tại trên phần tử, giá trị sẽ được cập nhật, nếu không, một thuộc tính mới được thêm vào với tên và giá trị được chỉ định Khi đặt giá trị cho thuộc tính boolean, chẳng hạn như Nếu thuộc tính có mặt, bất kể giá trị là gì, thì giá trị của nó được coi là Nếu không có thuộc tính boolean, chẳng hạn như Khi đặt thuộc tính Làm cách nào để đặt lại nút radio trong JavaScript?Làm cách nào để bỏ chọn đài trong JavaScript? . tài liệu. getElementById('gửi'). onclick = chức năng () { đài phát thanh var = tài liệu. querySelector('input[type=radio][tên=ngôn ngữ]. đã kiểm tra'); Đài. đã kiểm tra = sai; Làm cách nào để bỏ nhấp vào nút radio trong HTML?Trong HTML, nút radio được sử dụng để chọn một trong nhiều lựa chọn đã cho. Các nút radio được hiển thị trong các nhóm radio để hiển thị một tập hợp các tùy chọn có liên quan, chỉ một trong số đó có thể được chọn. Một nút radio trong HTML có thể được xác định bằng cách sử dụng thẻ . |
