본문 바로가기

readonly2

jQuery - 라디오박스 (radio box) readOnly 설정하기, 클릭되지 않게 하기 안녕하세요. 고코더 입니다. 라디오박스는 기본적으로 readOnly를 제공하지 않습니다. 그렇기 때문에 "disabled"를 처리할 수 밖에 없습니다. 하지만 명백히 이 두개는 상당히 다릅니다. 읽기 전용과 비활성화라는 다른 기능을 제공합니다. 그래서 오늘은 라디오 박스를 readOnly 처럼 사용할 수 있도록 jQuery를 통해 만드는 방법을 알아봅니다. ● 1. 해당 코드를 작성합니다. 선택자에서는 읽기전용으로 만들고 싶은 라디오 박스를 선택하고, 해당 코드를 실행합니다. 원리는 매우 간단합니다. 클릭시에 아무런 반응도 하지 않도록 이벤트를 주었습니다. $('input[name=radioBox]').click(function (event){ event.preventDefault(); event.sto.. 2021. 10. 30.
JavaScript - select readonly 적용 셀렉트 박스 값 변경하지 못하게 하기 (readonly) select박스는 알다시피 readonly가 먹지가 않습니다.그렇다고 disabled 를 하면 post로 넘어온 값을 받을 수 없습니다.disabled로 인해 얼어 버린 select 박스는 고객 입장에서는 문제가 생겼나라는 생각이 듭니다. 그래서 오늘은 select box의 readonly 효과를 흉내내는 방법을 구현해봤다. ▼아래와 같이 onFocus와 onChange를 이용해Readonly 와 같은 효과를 낼 수 있다. 1 2 3 ▼다른 값을 선택한다고 해도 최초의 selected 된것을 하면 기존의 값 그대로 다시 선택 된다. 마무리가을이네요^^ 취미가 있으신가요? 일도 좋지만 재밌어 하는것에도 미쳐보세요 2017. 8. 30.