OnChange 이벤트로 선택 취소된 라디오 버튼 값을 추적하는 방법은 무엇입니까?

라디오 버튼 값의 OnChange 이벤트에 대한 해결 방법

동일한 이름의 라디오 버튼을 사용하는 경우 onChange 이벤트가 발생하는 제한 사항이 발생할 수 있습니다. 라디오 버튼이 선택 취소되면 트리거되지 않습니다. 이로 인해 이전에 선택한 값을 추적하는 데 어려움이 발생할 수 있습니다.

솔루션 접근 방식

이를 극복하려면 다음 기술 조합을 사용할 수 있습니다.

1. 라디오 버튼 반복: JavaScript를 사용하여 동일한 이름을 가진 모든 라디오 버튼을 반복합니다.
2. 변경을 위한 이벤트 리스너: 변경 이벤트에 대한 이벤트 리스너를 추가합니다. 각 라디오 버튼에.
3. 이전 라디오: 이벤트 리스너 외부에서 prev 변수를 초기화하여 초기에 null 값을 저장합니다.

4. 내부 이벤트 리스너: 이벤트 리스너 내에서 다음 작업이 발생합니다.

   • 이전 값이 있으면 해당 값을 콘솔에 기록합니다.
   • 이전 값을 다음으로 업데이트합니다. 현재 라디오 버튼.
   • 현재 라디오 버튼의 값을 콘솔에 기록합니다.

코드 예:

<code class="js">var rad = document.myForm.myRadios;
var prev = null;
for (var i = 0; i < rad.length; i++) {
    rad[i].addEventListener('change', function() {
        (prev) ? console.log(prev.value): null;
        if (this !== prev) {
            prev = this;
        }
        console.log(this.value);
    });
}

양식 예:

<code class="html"><form name="myForm">
  <input type="radio" name="myRadios"  value="1">
  <input type="radio" name="myRadios"  value="2">
</form></code>

추가 참고 사항:

• 이 접근 방식을 사용하면 이전에 선택된 라디오 버튼 값과 새로 선택된 라디오 버튼 값.
• 이 개념은 여러 라디오 버튼 그룹을 처리하도록 확장될 수 있습니다.

위 내용은 OnChange 이벤트로 선택 취소된 라디오 버튼 값을 추적하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!