웹모아
웹모아[손님] 검색   로그인 / 회원가입    


 
버턴관련테그
 


체크박스라디오버튼체크유무검사.html
  2007-05-30 20:51:16 댓글:(0)   조회:7840



<SCRIPT LANGUAGE="JavaScript">
//전체 선택하기 함수
var checkflag="false";
function check(field,imgsrc){   //전체선택을 했을 경우 (개체명,이미지아이디값)
if (checkflag=="false"){
   for (i=0; i<field.length; i++){
    field[i].checked=true;}
 checkflag="true";
 imgsrc.src="./images/deselect.gif";}
else {                      //전체해제를 했을경우
 for (i=0; i<field.length; i++){
    field[i].checked=false;}
 checkflag="false";
       imgsrc.src="./images/select.gif";}
}
//체크박스 라디오버튼등 체크유무 검사 함수
function ischeck(field){
var cnt=0;
   for (i=0; i<field.length; i++){
      if (field[i].checked){  //선택했으면
       cnt++;
    }
  }//end for
  if (cnt==0){return false;}
     return true;
}//end function

//공백체크 함수
function rm_blk2(str){
var p=str.indexOf(" ");
var j=0;
while(p!=-1){
str=str.replace(" ","");
p=str.indexOf(" ");
j++;
}
if(j>0){return false;}
return true;
}

///////////////////////////////////////////////////////
//공백제거해서 value값 retrun 해주는 함수
function removeblank(str){
var p=str.indexOf(" ");
var j=0;
while(p!=-1){
str=str.replace(" ","");
p=str.indexOf(" ");
}
return str;
}
////////////////////////////////////////////////////////
var flag=1
function checks(){

      var flag=0;
      var f=document.tf

      if (f.name.value==""){
            alert("write name");
            f.name.focus();
      }
      else if(rm_blk2(tf.name.value)==false){
            alert("이름에는 공백을 쓰실수 없습니다.");
            tf.name.value=removeblank(tf.name.value);
            tf.name.focus();
      }
      else if(ischeck(f.hob)==false){
         alert("취미를 선택하세요");
      }
      else if(ischeck(f.com)==false){
         alert("매체를 선택하세요");
      }
      else if(ischeck(f.color)==false){
         alert("색깔을 선택하세요");
      }
      else{tf.submit();}
}

</SCRIPT>

<FORM METHOD=POST ACTION="test.asp" name=tf>
1.이름<br>
<INPUT TYPE="text" NAME="name" value=""><br><br>
2.취미를 선택하세요.   <br>
<INPUT TYPE="checkbox" NAME="hob" value="1">운 동   
<INPUT TYPE="checkbox" NAME="hob" value="2">독 서   
<INPUT TYPE="checkbox" NAME="hob" value="3">영화감상   
<INPUT TYPE="checkbox" NAME="hob" value="4">음악감상   
<br><br>
3.자주 이용하는 대중매체를 선택하세요.   <br>
<INPUT TYPE="checkbox" NAME="com" value="1">신 문   
<INPUT TYPE="checkbox" NAME="com" value="2">방 송   
<INPUT TYPE="checkbox" NAME="com" value="3">라디오   
<INPUT TYPE="checkbox" NAME="com" value="4">주간지   
<br><br>
4.좋아하는 색깔을 선택하세요.<br>
<INPUT TYPE="radio" NAME="color" value="b">blue   
<INPUT TYPE="radio" NAME="color" value="r">red   
<INPUT TYPE="radio" NAME="color" value="y">yellow   
<INPUT TYPE="radio" NAME="color" value="g">green   
<br><br>

<INPUT TYPE="button" value="전송" onclick="checks();">

</FORM>

실행해보기   (실행2)





 댓글 (0)


버턴관련테그
페이지: 1 / 1   


   label 태그9064
     [RE] Label 태그를 Image로 하기6962
   Select 꾸미기 optgroup 사용(홈마스타)6978
체크박스라디오버튼체크유무검사.html(홈마스타)7841
   input type="file" 의 value값(홈마스타)6971
     [RE] input type=\(홈마스타)6796
     [RE] input type=\(홈마스타)6793
   input 버턴의 모양(홈마스타)6725
   중보입력 방지 루틴(홈마스타)8184
   파일업로드 버턴을 이미지로(홈마스타)374
     [RE] [JavaScript] input type(홈마스타)319
       [RE] [JavaScript] input typ(홈마스타)318
   버터느 글상자 꾸미기(홈마스타)353
   체크박스가 하나이상 체크 되었는지 검사하는 루틴(홈마스타)324
   셀렉트박스 보이는 리스트 갯수 조정(홈마스타)320
   파일 업로드 버턴을 이미지로 만들기(홈마스타)327
     [RE] 파일 업로드 버턴을 텍스트로 만들기(홈마스타)423
       [RE] 파일 업로드 버턴을 텍스트로 만들기(홈마스타)320
     [RE] 파일 업로드 버턴을 이미지로 만들기-다른 (홈마스타)315
   INPUT 을 다양하게 표현하기(홈마스타)318
   버튼에 링크걸기(홈마스타)332
   버턴크기 모양 색상 변경(홈마스타)345
   버턴 모양 부드럽게 - style 사용(홈마스타)(1) 299
   버턴 태그 관련 팁(홈마스타)(2) 284
   폼 전송 버턴(홈마스타)377
≪ [1]   ≫

복수단어 검색은 공백(space)로 구분해 주세요.



 
최근 글
[손님]
4
9
150
159
317
513
1277
467
538
293
457
4040
974
1077
1318
 
인기 글
[손님]
6489
5278
11034
7009
15347
6023
5295
5482
6962
5816
8889
20801
5063
5912
5463