Nút radio HTML không bỏ chọn

Sau khi một trong số chúng đã được chọn (bằng một cú nhấp chuột), dường như không có cách nào để xóa lựa chọn bằng javascript. tôi. e. Để bỏ chọn

Ví dụ sau khi tôi làm điều này

  function clearAllRadios() {
    var radList = document.getElementsByName('radioList');
    for (var i = 0; i < radList.length; i++) {
      if(radList[i].checked) radList[i].checked = false;
    }
  }

Tương tự như vậy.  

document.forms[0].reset()

không có tác dụng trên màn hình

Tại thời điểm này tôi đã thêm một mục thứ tư

<span style="display:none"><input type="radio" name="radioList" id="rad4" value="4" /><span>

document.getElementById('rad4').checked = true;

Đây là một asp. net nhưng radio ở đây hoàn toàn là html. Đặt ViewState của trang thành false không khắc phục được sự cố

Đây có phải là sự cố chung với danh sách radio ở dạng html không?, nó có dành riêng cho asp không. net?, hay đó là một số lỗi riêng tư của tôi?

Bạn đang nói về một Option Button? .
Option buttons are designed to be used in groups where finally exactly one of many (at least tow to make sense) shall be selected.
Đối với “bật/tắt”, “được chọn/không được chọn”, "đã chọn/không được chọn, “đã bật/tắt” 7 điều khiển được thực hiện.
Một thuật ngữ khá chặt chẽ rất hữu ích trong các diễn đàn và trang hỏi đáp. để làm cho câu trả lời "có thể tìm lại".
Phần mềm khác nhau có thể thích một tên khác cho một thứ có chức năng tương đương. Trong trường hợp nhất định, “Nút tùy chọn (còn gọi là nút radio)” có thể là một tùy chọn để làm cho nó rõ ràng.

Dành cho khách hàng sử dụng ConfTool 2. 6. và VSIS.

Điều quan trọng cần biết là không thể bỏ chọn một nhóm nút radio sau khi đã chọn.
Tuy nhiên, bạn có thể thêm một sự kiện bổ sung vào bất kỳ nhóm sự kiện nào và gọi nó là e. g. "không có cái nào ở trên" để người tham gia có thể nhấp vào một tùy chọn thay thế nếu họ không muốn chọn bất kỳ tùy chọn nào khác.

Trước tiên, vui lòng chỉnh sửa nhóm sự kiện tại đây.
Tổng quan => Cài đặt => Quản lý nhóm sự kiện/mặt hàng
. và đối với tùy chọn "Chế độ lựa chọn", hãy chọn cài đặt "Độc quyền. Sử dụng các nút radio để chỉ có thể chọn một sự kiện của nhóm này". Đặt "Số mục tối thiểu để chọn từ nhóm này" thành 0 hoặc 1 và "Số mục tối đa để chọn từ nhóm này" thành 1 (xem hình 1).

Bây giờ hãy đến với các sự kiện.
"Tổng quan => Cài đặt => Quản lý sự kiện và mục"
Tạo các sự kiện chính của bạn cho nhóm sự kiện và thêm một sự kiện bổ sung vào nhóm mà bạn có thể gọi e. g. "không có cái nào ở trên" / "không có lựa chọn nào" (xem hình 2).

Bạn sẽ tìm thấy hướng dẫn chi tiết tại đây.

1) Thêm JavaScript được đề cập bên dưới trong tiện ích Biểu thức (Nội dung thoát - Không) hoặc trong phần JavaScript màn hình

Đoạn mã JS

""

Ghi chú. Bạn sẽ phải thêm một lớp (tôi. e. chứa giá trị) vào tiện ích Nút Radio để phân biệt xem nút Radio có được kiểm tra trước đó hay không

2) Gọi hàm JS được xác định ở trên i. e. thay đổiTheRadioBtnValue trên mỗi lần nhấp chuột vào nút Radio như được đề cập bên dưới

3) Trong phần Footer, Giới thiệu một nút ẩn (style="display. none") để đặt lại biến được ánh xạ tới nút Radio thành NullIdentifier() khi người dùng cuối bỏ chọn nút radio

Khi một tùy chọn trả lời đã được chọn trong một nút Radio, các trình duyệt câu hỏi không cho phép bỏ chọn tùy chọn đó. Điều đó có thể gây rắc rối nếu đó là một cú nhấp chuột tình cờ mà không có tùy chọn Khác hoặc Không áp dụng, vì vậy, đây là một đoạn JavaScript nhanh sẽ cho phép người trả lời nhấp vào câu trả lời của họ để bỏ chọn nó. JavaScript này sẽ chỉ hoạt động trên các nút radio mặc định

Cho phép bỏ chọn trên một trang

1. Nhấp vào Thêm hành động mới, chọn JavaScript. Sao chép và dán mã bên dưới vào hành động.

   
   $(document).ready(function() {
   
       $(function() {
           var allRadios = $('input[type=radio]')
           var radioChecked;
   
           var setCurrent =
               function(e) {
                   var obj = e.target;
   
                   radioChecked = $(obj).attr('checked');
               }
   
           var setCheck =
               function(e) {
   
                   if (e.type == 'keypress' && e.charCode != 32) {
                       return false;
                   }
   
                   var obj = e.target;
   
                   if (radioChecked) {
                       $(obj).attr('checked', false);
                   } else {
                       $(obj).attr('checked', true);
                   }
               }
   
           $.each(allRadios, function(i, val) {
               var label = $('label[for=' + $(this).attr("id") + ']');
   
               $(this).bind('mousedown keydown', function(e) {
                   setCurrent(e);
               });
   
               label.bind('mousedown keydown', function(e) {
                   e.target = $('#' + $(this).attr("for"));
                   setCurrent(e);
               });
   
               $(this).bind('click', function(e) {
                   setCheck(e);
               });
   
           });
   
       });
   });
   

2. Trong tab Bố cục > Tùy chọn bố cục, hãy đảm bảo rằng tùy chọn Sử dụng các biểu tượng trình duyệt mặc định cho các nút radio và hộp kiểm được chọn vì Javascript này chỉ hoạt động trên các biểu tượng trình duyệt mặc định
3. Kiểm tra để đảm bảo nó hoạt động

Cho phép Bỏ chọn cho toàn bộ khảo sát

1. Chuyển đến tab Kiểu
2. Trong Bố cục > Tùy chọn bố cục, đảm bảo rằng tùy chọn Sử dụng các biểu tượng trình duyệt mặc định cho các nút radio và hộp kiểm được chọn vì Javascript này chỉ hoạt động trên các biểu tượng trình duyệt mặc định
3. Cuộn xuống cuối phần xem trước khảo sát để truy cập Trình chỉnh sửa CSS/HTML.  
4. Chuyển đến tab HTML tùy chỉnh
5. Trước khi dán mã, bạn cần bao gồm thẻ mở (hành động JavaScript thực hiện bước này cho bạn). Thẻ đó là.
   ______8

Viết kịch bản và các giải pháp tùy chỉnh khác

Chúng tôi luôn sẵn lòng giúp bạn gỡ lỗi mọi tập lệnh được ghi thành tài liệu được sử dụng. Điều đó nói rằng, chúng tôi không có tài nguyên để viết tập lệnh theo yêu cầu hoặc để gỡ lỗi tập lệnh tùy chỉnh

Nếu bạn có ý tưởng tùy chỉnh mà chưa tìm ra cách giải quyết, thì chúng tôi rất vui khi được trở thành người lắng nghe ý tưởng về các tính năng và chức năng của Alchemer có thể đáp ứng nhu cầu của bạn. Ngoài điều này, hãy xem Dịch vụ chuyên nghiệp của chúng tôi;

Tại sao tôi không thể bỏ chọn một nút radio?

Làm cách nào để bỏ chọn nút radio HTML?

Chúng tôi có thể chọn và bỏ chọn nút radio không?

Làm cách nào để xóa lựa chọn mặc định khỏi nút radio?