nahos

자바스크립트 change event 예제

아래의 소스는 radiobutton 에 적용된 예제이지만, 조금만 바꾸면 다른 input type에도 적용이 가능하다.

간단한 설명을 하자면, radio 타입에 변화가 생기면, 위의 함수가 실행된다.

체크가된 값에 따라 css로 div를 안보이게 처리 하는 소스이다.

위에서 input[type=radio] 이부분으로 인해 ,

라디오 버튼이 두개이상 있는 경우 라디오 버튼을 클릭할때마다 위의 함수가 실행된다.

이럴때 해당 라디오 버튼의 name 값(input[name=라디오버튼이름])으로 교체해주면, 해당 라디오버튼 클릭시에만 실행된다.