[javascript]radio 전체 체크하기

반갑습니다 

 

오늘은 제가 실무에서 겪은 내용을 바탕으로 소스를 공유하고자 합니다 

 

이번엔 사용자 만족도 조사 페이지를 만들게 됐는데 다들 화면 만드는건 뭐 어렵지 않게 하실거같아요 그래서 그 내용은 

건너뛰고 폼은 이런 형태였습니다 

 

번호	측정항목	매우만족	만족	보통	불만족	매우불만족
1	속도가 적당한가	ㅇ	ㅇ	ㅇ	ㅇ	ㅇ
2	화면 구성이 편리한가	ㅇ	ㅇ	ㅇ	ㅇ	ㅇ
3	친절하게 응대하는가	ㅇ	ㅇ	ㅇ	ㅇ	ㅇ

 

이런 폼이였습니다 만족도 선택 영역은 라디오 버튼으로 되어있는것입니다 1개만 선택 해야하니까요 

 

그래서 1개의 행의 name을 사용해서 폼 구성은  1행은 sv1 으로 name을 주고 

2행은 sv2로 name을 주고 10 개의 행까지 같은 방식으로 처리했습니다 

 

근데 중요한건 저장 버튼을 눌렀을때에 만족도 부분에 체크를 했는지 안했는지 알아야 하지 않겠습니까 

 

이때에 배열로 가져와서 처리 했습니다 

 

코드는 이렇게 짤 수 있을거같네요 

다른 좋은 방법도 있긴 하겠지만 급하게 받은 업무다 보니 ㅜ 이렇게 짜게됐네요 

 

일단 저는 항목이 10 개로 고정입니다 그래서 10 번만 실행하게 해놓았구요 

그게 아니라면 length를 쓰면 될것입니다

for (var i = 1; i < 11; i++) {

	if ('input:radio[name=sv' + i + ']:checked').length == 0 ){
    
    	alert( i + '번 항목의 만족도가 선택되지 않았습니다);
        return false;
    }

}

 

반복문을 이용해서 처리 한 예시입니다