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


 
버턴관련테그
 


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



<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 태그9106
     [RE] Label 태그를 Image로 하기7022
   Select 꾸미기 optgroup 사용(홈마스타)7028
체크박스라디오버튼체크유무검사.html(홈마스타)7900
   input type="file" 의 value값(홈마스타)7013
     [RE] input type=\(홈마스타)6834
     [RE] input type=\(홈마스타)6852
   input 버턴의 모양(홈마스타)6777
   중보입력 방지 루틴(홈마스타)8309
   파일업로드 버턴을 이미지로(홈마스타)378
     [RE] [JavaScript] input type(홈마스타)323
       [RE] [JavaScript] input typ(홈마스타)328
   버터느 글상자 꾸미기(홈마스타)357
   체크박스가 하나이상 체크 되었는지 검사하는 루틴(홈마스타)331
   셀렉트박스 보이는 리스트 갯수 조정(홈마스타)326
   파일 업로드 버턴을 이미지로 만들기(홈마스타)332
     [RE] 파일 업로드 버턴을 텍스트로 만들기(홈마스타)427
       [RE] 파일 업로드 버턴을 텍스트로 만들기(홈마스타)325
     [RE] 파일 업로드 버턴을 이미지로 만들기-다른 (홈마스타)322
   INPUT 을 다양하게 표현하기(홈마스타)335
   버튼에 링크걸기(홈마스타)340
   버턴크기 모양 색상 변경(홈마스타)353
   버턴 모양 부드럽게 - style 사용(홈마스타)(1) 306
   버턴 태그 관련 팁(홈마스타)(2) 289
   폼 전송 버턴(홈마스타)381
[1]  

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




최근 글
[손님]

인기 글
[손님]