웹모아
웹모아[손님] 검색   로그인    


 
버턴관련테그
 


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


<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 태그8889
     [RE] Label 태그를 Image로 하기6868
   Select 꾸미기 optgroup 사용(홈마스타)6910
체크박스라디오버튼체크유무검사.html(홈마스타)7476
   input type="file" 의 value값(홈마스타)6908
     [RE] input type=\(홈마스타)6727
     [RE] input type=\(홈마스타)6753
   input 버턴의 모양(홈마스타)6655
   중보입력 방지 루틴(홈마스타)7118
   파일업로드 버턴을 이미지로(홈마스타)365
     [RE] [JavaScript] input type(홈마스타)312
       [RE] [JavaScript] input typ(홈마스타)311
   버터느 글상자 꾸미기(홈마스타)336
   체크박스가 하나이상 체크 되었는지 검사하는 루틴(홈마스타)318
   셀렉트박스 보이는 리스트 갯수 조정(홈마스타)314
   파일 업로드 버턴을 이미지로 만들기(홈마스타)320
     [RE] 파일 업로드 버턴을 텍스트로 만들기(홈마스타)416
       [RE] 파일 업로드 버턴을 텍스트로 만들기(홈마스타)309
     [RE] 파일 업로드 버턴을 이미지로 만들기-다른 (홈마스타)308
   INPUT 을 다양하게 표현하기(홈마스타)283
   버튼에 링크걸기(홈마스타)327
   버턴크기 모양 색상 변경(홈마스타)335
   버턴 모양 부드럽게 - style 사용(홈마스타)(1) 283
   버턴 태그 관련 팁(홈마스타)(2) 277
   폼 전송 버턴(홈마스타)369
≪ [1]   ≫

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



 
최근 글
[손님]
97
87
241
429
682
393
433
247
367
3823
921
963
1228
980
4283
 
인기 글
[손님]
3131
3123
4701
3075
3278
3086
8293
3649
3153
3260
11409
3699
5142
3402
4438