IE에서 radio checked event.preventDefault 안됨

AKSU·2022년 2월 7일
0

radio 버튼 클릭시 confirm이 true면 radio input의 값을 바꿔야했는데
IE에서는 클릭시 event.preventDefault가 안먹혀서 confirm에서 false가 나와도 radio 버튼의 checked 값이 바뀌었다
input요소에 onChange 속성 checked 속성을 사용했고 onChange 속성을 async await 으로 preventDefault를 먼저 실행하고 그다음 radio의 값을 바꾸는 함수를 실행해서 해결함

<input
  type="radio"
  id={'rdStandard' + index.toString()}
  name={'rdMode' + index.toString()}
  onChange={async (e) => {
    await e.preventDefault()
    await onScreenModeClick(value.branchNo, value.deviceNo, 0)
  }}
  checked={value.mode === 0}
  disabled={value.mode === null}
  />
profile
경돌이

0개의 댓글