본문 바로가기
IT_Developers/Javascript

jQuery - 라디오박스 (radio box) readOnly 설정하기, 클릭되지 않게 하기

by 고코더 2021. 10. 30.

안녕하세요.

고코더 입니다.

 

라디오박스는 기본적으로 readOnly를 제공하지 않습니다. 그렇기 때문에 "disabled"를 처리할 수 밖에 없습니다. 하지만 명백히 이 두개는 상당히 다릅니다. 읽기 전용과 비활성화라는 다른 기능을 제공합니다. 그래서 오늘은 라디오 박스를 readOnly 처럼 사용할 수 있도록 jQuery를 통해 만드는 방법을 알아봅니다. 

 

1. 해당 코드를 작성합니다. 선택자에서는 읽기전용으로 만들고 싶은 라디오 박스를 선택하고, 해당 코드를 실행합니다. 원리는 매우 간단합니다. 클릭시에 아무런 반응도 하지 않도록 이벤트를 주었습니다.

$('input[name=radioBox]').click(function (event){
       event.preventDefault();
       event.stopPropagation();
});

 

2. 해당처럼 코딩을 하면 라디오 박스는 클릭시 아무런 반응이 일어나지 않는 readOnly 상태와 유사하게 변경 됩니다.

 

댓글