'설문조사'에 해당되는 글 1건

  1. 2009.01.01 [Javascript] 라디오 버튼으로 설문조사 만들기
<script type="text/javascript">
function enter(){
 cnt = 0;
 isCheck = 0;
 var nmList = document.getElementsByTagName("input");
//null 카운트, yes값의 체크 카운트
  for(var i=0;i<nmList.length;i++){
     if(nmList[i].type=="radio"){
       if(nmList[i].value=="yes"&&nmList[i].checked){
          cnt++;
    }
    if(nmList[i].checked){
     isCheck++;
    }
   }
  }
//null체크 확인하기, 총 문항 = 15
  if(isCheck!=15){
   alert(15-isCheck + "개의 선택을 더 하셔야 합니다.");
    return;
  }
//조건에 따른 설문 결과
  if(cnt<=9){
   alert(cnt+"개 입니다. 당신은 "+"해당 문구");
  }
   else if(cnt>=10&&cnt<=12){
    alert(cnt+"개 입니다. 당신은 "+"해당 문구");
   }
    else{
     alert(cnt+"개 입니다. 당신은 "+"해당 문구");
    }
//라디오버튼 초기화
  for(var j=0;j<nmList.length;j++){
         if(nmList[j].type=="radio"){
             nmList[j].checked=false;
         }
     }
}
</script>


프로토타입

<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
//체크가 null인 경우 확인
function enter(){
  cnt=0;
  var isCheck=0;
  var radios = $$("input [type='radio']");
  
  for(var i=0;i<radios.length;i++){
   if(radios[i].checked&&radios[i].value=="yes"){
    cnt++;    
   }
   if(radios[i].checked) isCheck++;
  }
  
  if(isCheck!=15){
    alert(15-isCheck + "개의 선택을 더 하셔야 합니다.");
    return;
  }
  
  if(cnt<=9){
alert(cnt+"개 입니다. 당신은 "+"만년 사원, 인맥 관리에 더 신경 써야...");
   }
   else if(cnt>=10&&cnt<=12){
alert(cnt+"개 입니다. 당신은 "+"매니저 후보, CEO를 꿈꾼다면 좀 더 노력을...");
}
   else{
alert(cnt+"개 입니다. 당신은 "+"유능한 CEO 후보~");
}
//라디오버튼 초기화
  for(var j=0;j<nmList.length;j++){
         if(nmList[j].type=="radio"){
             nmList[j].checked=false;
         }
     }
}
</script>

Posted by zeide
,