Làm thế nào để bạn chọn một nút radio khi nhấp vào văn bản?

Trong bài viết này, chúng tôi sẽ sử dụng Playwright [phiên bản Python] để kiểm tra và bật tắt các nút Radio trên trang web

Kiểm tra và chuyển đổi các nút Radio

Chúng tôi sẽ sử dụng https. //www. w3schools. com/tags/tryit. asp?filename=tryhtml5_input_type_radio để kiểm tra mã của chúng tôi.
Có hai nhóm nút radio trên trang web như hình bên dưới.

Đầu tiên, hãy kiểm tra nhóm nút radio ngôn ngữ web yêu thích. Chúng ta có thể sử dụng devTool của trình duyệt để xác nhận mã nguồn của các phần tử

Như các bạn thấy id của tùy chọn HTML là html nên chúng ta có thể sử dụng đoạn code bên dưới để kiểm tra tùy chọn HTML

Dự án cá nhân của tôi [không liên quan đến đại học] là lập trình trang web Câu hỏi trắc nghiệm. Tôi đang sử dụng Visual Studio 2010 ASP. net để thực hiện nhiệm vụ này. Vấn đề nan giải của tôi là trong suốt cuộc đời của tôi, tôi không thể tìm ra cách thay đổi [văn bản] trong nhãn nút radio của mình khi nhấp vào nút. Tôi có ba Nút Radio để Người dùng chọn câu trả lời đúng và đã thành công [nhờ người điều hành trong diễn đàn] trong việc thay đổi văn bản trong Nút Radio đầu tiên nhưng không thể yêu cầu hai nút còn lại thay đổi văn bản. Tôi đã không thành công khi thử mọi góc độ mà tôi có thể tưởng tượng được để chỉnh sửa mã [hàng giờ đồng hồ - ngày này qua ngày khác - mặc dù tôi phải thừa nhận rằng tôi rất thích thử thách này]  và đó là lý do tại sao tôi ở đây. Ai có thể giúp tôi xin vui lòng

Đây là những gì tôi có



   
   
  /*** Bắt đầu tạo kiểu cho tiêu đề ***/  
  /*** End Style the Header ***/  

  /*** Bắt đầu tạo kiểu cho Thanh điều hướng trên cùng ***/  
  /*** Kết thúc tạo kiểu cho Thanh điều hướng trên cùng ***/  

  /*** Bắt đầu hình ảnh với văn bản trong suốt ***/  
   /*** Kết thúc hình ảnh với văn bản trong suốt***/  

   
   

   
   



  

Hàng câu hỏi

Câu hỏi được trình bày ở đây.


 
 
 
 
 


< asp. Button ID="Button1" runat="server" Text="Start Quiz" OnClientClick="return Click[]"  Visible="True" />

                                                                                                            

    nút chức năngOnClick[radioButtonNumber] {
        var elementRef = document. getElementById['
        var radioButtonListArray = elementRef. getElementsByTagName['đầu vào'];

        for [var i = 0; i < radioButtonListArray. chiều dài; . cha mẹNode. getElementsByTagName['nhãn'];
            var radioButtonRef = radioButtonListArray[i];
            if [i == radioButtonNumber] {
                var labelArray = radioButtonRef.parentNode.getElementsByTagName['label'];
              if [labelArray. độ dài > 0] {
                labelArray[0]. innerHTML = 'ĐÃ THAY ĐỔI VĂN BẢN';
                ngắt;
              }
          }
      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }      }
    }




Chủ Đề