안녕하세요.
고코더 입니다.
라디오박스는 기본적으로 readOnly를 제공하지 않습니다. 그렇기 때문에 "disabled"를 처리할 수 밖에 없습니다. 하지만 명백히 이 두개는 상당히 다릅니다. 읽기 전용과 비활성화라는 다른 기능을 제공합니다. 그래서 오늘은 라디오 박스를 readOnly 처럼 사용할 수 있도록 jQuery를 통해 만드는 방법을 알아봅니다.
● 1. 해당 코드를 작성합니다. 선택자에서는 읽기전용으로 만들고 싶은 라디오 박스를 선택하고, 해당 코드를 실행합니다. 원리는 매우 간단합니다. 클릭시에 아무런 반응도 하지 않도록 이벤트를 주었습니다.
$('input[name=radioBox]').click(function (event){
event.preventDefault();
event.stopPropagation();
});
● 2. 해당처럼 코딩을 하면 라디오 박스는 클릭시 아무런 반응이 일어나지 않는 readOnly 상태와 유사하게 변경 됩니다.
'IT_Developers > Javascript' 카테고리의 다른 글
jQuery - select 박스, 옵션 값 이외에 다른 값도 사용하기 (0) | 2021.10.30 |
---|---|
jQuery - 달력 플러그인 datepicker 비활성화 하기 / 사용하지 않게 처리 (0) | 2021.10.30 |
jQuery - parent() 부모요소를 선택하기 (0) | 2021.06.29 |
JavaScript - 배열 숫자 데이터 정렬하기 / sort(); (0) | 2021.04.01 |
Vanilla js - 바닐라 JS란? 무엇일까? / vanilla-js.com/ (0) | 2021.02.13 |
댓글