프로그래머의 삶 Programmer's Life/Web&WAS

체크박스

Oliver's World 2008. 11. 5. 11:00
728x90

function insert_Ck(){

 // 체크박스의 갯수를 변수에 담는다.
 var chklen = document.userForm.check.length;

 // 체크박스 갯수만큼 for 문을 돌려 체크된 넘의 value값을 가져온다.
  for(i=0; i<chklen; i++){
     if(document.userForm.check[i].checked == true){
       // alert(document.userForm.check[i].value);
       if(i==0) { document.getElementById("genrename1").value=document.userForm.check[0].value;}
         if(i==1) { document.getElementById("genrename2").value=document.userForm.check[1].value;}
         if(i==2) { document.getElementById("genrename3").value=document.userForm.check[2].value;}
         if(i==3) { document.getElementById("genrename4").value=document.userForm.check[3].value;}
          if(i==4) { document.getElementById("genrename5").value=document.userForm.check[4].value;}
     }
   }    
}

 

 

 

  <td bgcolor="ffffff" style="padding-left: 10" colspan="2"><input
   type="checkbox" id="check" name="check" value="댄스/힙합">댄스/힙합&nbsp&nbsp<input
   type="checkbox" id="check" name="check" value="발라드">발라드&nbsp&nbsp<input
   type="checkbox" name="check" id="check" value="트로트">트로트&nbsp&nbsp<input
   type="checkbox" name="check" id="check" value="락">락&nbsp&nbsp<input
   type="checkbox" name="check" id="check" value="종교">종교</td>
  <input type="hidden" name="genrename1" id="genrename1" value="">
  <input type="hidden" name="genrename2" id="genrename2" value="">
  <input type="hidden" name="genrename3" id="genrename3" value="">
  <input type="hidden" name="genrename4" id="genrename4" value="">
  <input type="hidden" name="genrename5" id="genrename5" value="">

 

체크박스의 값을 백엔드로 보내기 위해서 히든태그 사용~

히든 요놈이 참..유용하더이다~

728x90