PGR21.com
- PGR21 관련된 질문 및 건의는 [건의 게시판]을 이용바랍니다.
- (2013년 3월 이전) 오래된 질문글은 [이전 질문 게시판]에 있습니다.
통합 규정을 준수해 주십시오. (2015.12.25.)
Date 2018/03/21 10:58:45
Name Mindow
Subject [질문] [웹코딩] 제이쿼리 잘 아시는분들께 질문 드립니다
제이쿼리 잘 아시는 개발자분들에겐 간단한 질문일 것 같아 피식인에 질문 올려봅니다

학생
     기업
     교수


이런 라디오 버튼이 나란히 3개가 있고 각 라디오버튼을 대표하는 텍스트와 이미지가 있다는 html구조입니다.

제 최종목표는 일단
라디오버튼을 체크하면 걔를 대표하는 이미지의 경로가 _on.png가 되고
다른 라디오버튼이 체크되어 체크가 풀리면 대표 이미지의 경로가 _off.png가 되게 하기입니다.

그 이전에 각 라디오버튼이 활성화 될 때마다 얼럿창을 띄워보는 제이쿼리를 짜보자 해서
각 라디오버튼을 변수를 radio1, radio2, radio3으로 둬서

if(radio1.is(":checked") === true){
                        alert("radio1");
                    }
                    if(radio2.is(":checked") === true){
                        alert("radio2");
                    }
                    if(radio3.is(":checked") === true){
                        alert("radio3");
                    }

로 해봤습니다만...
처음 페이지 로드 될 때 alert("radio1"); 만 실행되고 라디오버튼을 이것저것 눌러봐도 얼럿이 더이상 뜨지 않네요
클릭할 때마다 계속 얼럿창이 떠야 다시 그 구조를 응용해서 대표이미지 경로 바꾸기 작업을 할 수 있을텐데요 ㅠㅠ

어떻게 짜야 되나요?

통합규정 1.3 이용안내 인용

"Pgr은 '명문화된 삭제규정'이 반드시 필요하지 않은 분을 환영합니다.
법 없이도 사는 사람, 남에게 상처를 주지 않으면서 같이 이야기 나눌 수 있는 분이면 좋겠습니다."
써니는순규순규해
18/03/21 11:33
수정 아이콘
페이지 로드될때만 실행되는거면 버튼 클릭될때의 이벤트나 매번 호출되는 위치가 아니라 생성될때 한번 호출되는 위치에 코드가 들어가 있는건 아닌가요?
18/03/21 11:39
수정 아이콘
if문으로 구분 지었는데 이것자체가 잘못된 구조일 수도 있습니다..
써니는순규순규해
18/03/21 11:44
수정 아이콘
if문으로 구분 지은건 잘못된 구조는 아닙니다.
어짜피 radio1, radio2, radio3 각각에 대해서 클릭 여부를 확인하는 코드기 때문에 저거 자체는 문제가 없고,
그보다 라디오 버튼을 누를때 이벤트를 발생 시키는 방법이 있을건데 여기서 눌린 버튼에 대한 이벤트를 실행하면서 눌리지 않은 버튼에 대한 코드가 추가되면 될거 같네요.
18/03/21 11:35
수정 아이콘
저렇게 짜면 처음 한번만 체크를 확인합니다. 말하시는걸 구현하려면 이벤트를 쓰셔야되요.
https://stackoverflow.com/questions/13152927/how-to-use-radio-on-change-event 참조하시면 될 것 같습니다.
18/03/21 11:50
수정 아이콘
오오 그렇군요 답변 감사합니다
제가 썼던 if문 전체를 change 펑션으로 감싸니까 제가 원하는대로 되네요!!
18/03/21 11:42
수정 아이콘
처음 페이지 로드 될 때 alert("radio1"); 만 실행되고 => 아마도 해당 기능을 onload되는 부분에만 넣으신것 같은데 이러면 처음 로딩될때만 동작합니다.
이미 로딩된 이후엔 저 조건문을 탈일이 없으니 동작안하는것이고요.
이벤트를 먹여서 저조건문을 다시 타도록해야겟죠
라디오버튼에 체인지 이벤트가 가장 쉬울것같네요
18/03/21 11:52
수정 아이콘
답변 감사합니다~~
제가 썼던 if문 전체를 change 이벤트로 감싸니까 되네요~
change를 안 써봐서 몰랐습니다,,ㅠㅠ
멸천도
18/03/21 11:43
수정 아이콘
아주 단순히 따지면

$('input:radio[name=라디오버튼 이름]:checked').change(function () {

본문에 적은 소스

});

이런식으로 해도 돌아갈껍니다.
18/03/21 11:52
수정 아이콘
그렇군요 흐흐..
답변 감사합니다!!
목록 삭게로! 맨위로
번호 제목 이름 날짜 조회
117594 [질문] 주유 적립 어떻게 하시나요? [6] 염력 천만1883 18/03/21 1883
117593 [질문] 예물시계 구입 관련 [12] 무로사랑3815 18/03/21 3815
117592 [질문] 김영삼 vs 김대중 vs 노무현 vs 문재인 [30] 표절작곡가4301 18/03/21 4301
117591 [질문] 제주돕니다 살려주세요 [26] 현직백수4593 18/03/21 4593
117590 [질문] [웹코딩] 제이쿼리 잘 아시는분들께 질문 드립니다 [9] Mindow1791 18/03/21 1791
117589 [질문] 보충제 추천부탁드립니다. [7] Liverpool FC1931 18/03/21 1931
117588 [질문] 수영 접영을 향상시킬 수 있는 보조운동 추천부탁드립니다. [10] 더미짱4008 18/03/21 4008
117587 [질문] 정장 이미지 합성 가능하신분 계실까요..? [4] 궁금해요궁금해2437 18/03/21 2437
117586 [질문] 기타 구입 문의입니다. [10] Bluelight1569 18/03/21 1569
117585 [질문] 한약 부작용 관련 질문 드려요 [11] 맷데이먼2897 18/03/21 2897
117584 [질문] 영덕대게 축제 질문입니다 [6] 왜이래요진짜2637 18/03/21 2637
117583 [질문] 피파18 구입관련 질문입니다. [8] 찬양자2593 18/03/21 2593
117582 [질문] [조조전온라인] 하후영 질문 [6] La La Land3362 18/03/21 3362
117581 [질문] [오버워치] 스트리머 질문합니다. [1] 일면식1813 18/03/21 1813
117580 [질문] (완료)(뻘글?)직관 같이 가실 분 구합니다 [9] 발그레 아이네꼬2223 18/03/20 2223
117579 [질문] 냉장고 용량 질문입니다. [8] 나이스후니2426 18/03/20 2426
117578 [질문] 아이폰은 테더링이 무제한인가요? [10] cs7501 18/03/20 7501
117577 [질문] 요즘 제일 싼 인터넷이 뭔가요? [4] 삭제됨2147 18/03/20 2147
117576 [질문] 혹시 티스토리 초대장을 한장 얻을 수 있을까요?~ [2] 달타냥1698 18/03/20 1698
117575 [질문] 구글or네이버 설문지로 블라인드 테스트 가능할까요? [1] 트와이스정연1949 18/03/20 1949
117574 [질문] 기숙사에 따로 인터넷 설치를 할수 있나요? [3] 삭제됨2560 18/03/20 2560
117573 [질문] 블랙베리 프리브 stv100-1 한국에서 사용 가능한가요? [1] VrynsProgidy1790 18/03/20 1790
117572 [질문] [PPT] 이 효과 하는방법좀 알려주실수 있으신가요? [4] 삭제됨1996 18/03/20 1996
목록 이전 다음
댓글

+ : 최근 1시간내에 달린 댓글
+ : 최근 2시간내에 달린 댓글
맨 위로